2020.7.31 Javascript((2)

一.var语句
eg:
创建一个变量,变量名为"varname",值为"value"
var varname=“value”;
var语句用于声明变量,在JavaScript中,变量的创建也叫做声明,变量必须以字母开头(也可以以$和_开头,少用,变量名不要以 $ 作为开始标记，会与很多 JavaScript 库冲突。),区分大小写
var varname
var Varname
变量声明后,变量值为空,为变量赋值,操作如下:varname=“value”,当向变量分配文本值时,应该加上双引或者单引号包围这个值,分配数值时,不要使用引号
var pi=3.14
var person=“Jirabi”
一条语句可以声明多个变量
var x=1,y=2,z=3;
也可以跨行
var x=1,
y=2,
z=3;
一条语句中声明的多个变量不可以同时赋值
var x,y,z=1
x,y为undefined,z为1

JavaScript变量
var varname
未赋值的变量,其值实际上是undefined

重新声明一个变量,这个变量的值不会改变
var varnmae=1;
var varname;
varname值仍为1.

算数
x=1;
y=x+2;
y的值为3

二. JavaScript的作用域
在JavaScript中,对象和函数也是变量,
在JavaScript中,作用域为可访问变量,对象,函数的集合

如果变量在函数中没有声明(即没有使用var关键字),该变量为全局变量
eg:
//此处可以使用varname变量
function myFunction()
{
varname=15;
//此处可以使用varname变量
}

定义在函数外的变量,为全局变量
varname=15;
//此处可以使用varname变量
function myFunction()
{
//此处可以使用varname变量
}
全局变量有全局作用域,网页的所有脚本和函数均可使用

如果函数在函数内进行了声明,该变量为局部变量
eg
//此处不可以使用vaname变量
function myFunction()
{
car varname=“hhh”
//此处可以使用varname变量
}
局部变量只能在函数内部使用,且局部变量的变量名可以重复

生命周期:所有变量在它声明的时候初始化,局部变量在函数执行完毕时销毁,全局变量在网页关闭时销毁

三.代码规范
1."+ - * /“通常运算符前后需要加空格
2.四个空格代表缩进块,最好不用tab键,不同编辑器tab键的解析不一样
3.一条语句通常以分号” ; "作为结束符
4.命名规则:
变量和函数一般为小驼峰法标识,如lowCamelCase
全局变量为大写,如UPPERCASE
常量大写,如PI

四.document.getElementById(“demo”).innerHTML
document.getElementById(“demo”).innerHTML
document.getElementById(“demo”).innerHTML是双向功能,既能获取,也能插入
通过document.getElementById(“demo”).innerHTML获取demo的内嵌内容,通过document.getElementById(“demo”).innerHTML="这是被插入的内容"来插入内容

五.函数声明
function myFunction(){
执行的代码;
}
1.函数定义
function myFunction(x,y){
return a * b;
}
分号是用来分隔执行JavaScript语句的
由于函数声明不是一个可执行语句,所以不以分号结束

2.匿名函数
JavaScript函数可以通过表达式定义
函数表达式可以存储在变量中
var x= function (a,b){return a*b};
在函数存储在变量中后,函数也可以当作变量来使用
var m= x(3,4);
以上函数称为匿名函数,不需要函数名,通过调用变量名来调用函数

3.构造函数
函数同样可以通过函数构造器来定义
var myFunction =new function(“a”,“b”,"return ab");
var x = myFunction(3,4);
其实也可以不用构造函数,可以这样写:
var myFunction = function(a,b){ab};
var x = myFunction(3,4);
在JavaScript中,要尽量避免使用new关键字

4.函数提升
在JavaScript中,函数和变量的作用域会被提到前面
提升应用于函数和变量
eg:
var x = myFunction(3,4);
…
…
…
var myFunction = function(a,b){return 3 * 4};

5.自调用函数
(function (a,b){
return a*b;
})(3,4)

12

6.函数可以作为一个值使用
function myFunction(a,b){
return a * b;
}
var x = myFunction(11,2);
var y = myFunction(3,4)*2;