前端--3JavaScript

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端--3JavaScript相关的知识,希望对你有一定的参考价值。

 

引入方式:

除了Python外其他语言都没有要求强制缩进。即JS对缩进无要求,只要符合语法即可。
示例中的alter为弹框

#单行注释
//  
#多行注释
/*
    注释
*/

直接在html中写入(了解)

<script>
    //第一行JS
    alter(123)
</script>

写到文件中引入

<script src="demo.js" ></script>

声明变量

变量赋值方式

var关键字声明一个字符串是变量。
再给定义的这个变量赋值。

单个变量赋值

<script>
var name;
name="yudong"
</script>
#可以简写为:
var age=3;

多变量的变量赋值

默认以换行符作为作为语句分隔符。也可使用分号作为语句的分隔符

var name="heling"; var age=18

数据类型

打印到屏幕终端。

数字and字符串

// console.log 输出打印到屏幕终端
// typeof 查看数据的数据类型
i=1
f=1.1
s="study"
console.log(i,typeof i);
//number
console.log(f,typeof f);
//number
console.log(s,typeof s);
//string
//不区分数字和浮点型

boolean

有两个值,truefalse。逻辑判断
可以理解为数字类型的。TrueFalse01。可用于数字运算

undefined

只有一个值,undefined

遇到这个值的两种情况

  • 变量只声明,未赋值。
  • 当一个函数没有返回值的时候。

数据类型的存储

引用数据类型全部存在堆里。栈里存的都是基础数据类型。
堆里存的都是栈的内存地址。

数组

可以把多个数据存入其中。
C等语言在声明数组时要声明存储的数据类型

创建方式1:
var arrname = [元素0,元素1,….];          // var arr=[1,2,3];

创建方式2:
var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);

创建方式3:
var arrname = new Array(长度); 
            //  初始化数组对象:
                var cnweek=new Array(7);
                    cnweek[0]="星期日";
                    cnweek[1]="星期一";
                    ...
                    cnweek[6]="星期六";

对象

映射关系的数据结构。 键加不加引号都可以

var obj = {"Q":"Z"}

可以使用字典的基本操作,如取key的value:obj["Q"]

数组和对象的数据类型都是object。

JS的解释方式

JS先读完整个文件,才开始执行。所以变量的使用可以写在该变量声明的上面。

运算符

#++ --
var i = 1;
i++
console.log(i)

#==
console.log(2=="2")
//返回时true,他在有一端是数字时另一端也会转换成数字> 
#===
//不会转换数据类型,数据类型也必须一样。

#逻辑运算符,与 非
&& || !
真真为真,假假为假

字符串的拼接 用+号

NaN

转换数据类型时(即将字符串转换成数字类型)失败了会得到该类型。

流程控制语句

  • 分支控制语句 if
  • 循环控制语句 for while

javascript中使用{}来确认语句块(即满足条件时执行的语句体)。而Python中是使用:和缩进。

if-else if-else

if (表达式1) {
    语句1;
}else if (表达式2){
    语句2;
}else if (表达式3){
    语句3;
} else{
    语句4;
}

循环

  • 遍历循环 for
  • 条件循环 while JavaScript中都是条件循环。条件不满足就退出

详细见图片。

支持break 和 continue

js中的序列类型用.length都可以得到长度

函数

function funcname(参数) {
    return X;
}

调用时可以传入任意数量的参数,它只接受固定数量的。
接受任意长度的 。
arguments 通过数组,获取所有传入的参数

匿名函数

// 匿名函数
    var func = function(arg){
        return "tony";
    }

// 匿名函数的应用
    (function(){
        alert("tony");
    } )()

    (function(arg){
        console.log(arg);
    })(‘123‘)

 

BOM

window 是全局变量,调用时可以不用加window名,alter就是它里面的方法。

alter(info)

用于警告信息,只有确定

confirm(info)

显示带有一段消息以及确认按钮和取消按钮的对话框。 有返回值

prompt()

显示可提示用户输入的对话框。 有返回值

每一个标签都是一个对象







以上是关于前端--3JavaScript的主要内容,如果未能解决你的问题,请参考以下文章

web前端设计基础——HTML5CSS3JavaScript 简答题整理

3JavaScript函数

前端开发常用代码片段(中篇)

前端开发常用js代码片段

前端防扒代码片段

前端防扒代码片段