[js]01js基础入门

01js基础入门

js数据类型

属性名和属性值是用来描述对象特征的

对象的创建

对象–字面量方式创建

var obj={name:"maotai"}

对象–实例方式创建

var obj= new Object();obj.name="maotai";

属性–增加修改

obj.name="shizi";obj["name"]="shizi"

属性–获取属性

console.log(obj.name);console.log(obj["name"]);

属性–删除

obj.age=null    #假删除delete obj.name #真删除

为对象添加函数属性

1.正确的

p={    name:"刘德华",    age:22}p.gender="male";p.foo=function(){console.log("sing");}p.foo();

2.错误的

p={    name:"刘德华",    age:22,    foo:function{        {console.log("sing")    }}p.foo()

3,正确的

p={    name:"刘德华",    age:22,    foo:function () { console.log("hello"); }}

注意区别:

p={    name:"刘德华",    age:22,    foo:function () { return 200 }}console.log(p.foo);   //函数主体 console.log(p.foo()); //200

4,正确的–自执行函数,先自执行后,将结果赋给属性.

p={    name:"刘德华",    age:22,    foo:(function () { console.log("hello"); })(); }

5.正确的–自执行函数2

此时p.foo就相当于一个变量.

p={    name:"刘德华",    age:22,    foo:(function () { return 100; })()}console.log(p.foo);

6.测试对象取值

var age =23;p={    age:22,//    foo:function () { return p.age }  //22    foo:function () { return age }    //23}console.log(p.foo()); 

函数的定义

1. 前后都可以调用

fn();function fn() {    console.log("hi");}fn();

1. 先定义后调用–联想变量属性的定义

var fn=function () {    console.log("hi");}fn()

js中函数传参判断

1,通过||

        function fun(x,y){            x=x||0;            y=y||1;            alert(x+y);        }        fun();

2.通过undefined对比

       function fun(x,y){            if(x==undefined){                x=100;            }            y=y==undefined?200:y;            alert(x+y);        }        fun();

小结:

x=x||0; # 通过与运算x==undefined?100:x # 通过三目运算

3.通过argument

        function fun(x,y){            x=arguments[0]?arguments[0]:100;            y=arguments[1]?arguments[1]:200;            return x+y;        }        alert(fun());        alert(fun(1,2));

4,形参 实参 解释argument

    function fn(a,b)    {        console.log(fn.length); //得到是 函数的形参的个数        //console.log(arguments);        console.log(arguments.length); // 得到的是实参的个数        if(fn.length == arguments.length)        {            console.log(a+b);        }        else        {            console.error("对不起，您的参数不匹配，正确的参数个数为:" + fn.length);        }        //console.log(a+b);    }    fn(1,2);    fn(1,2,3);

5,可变参数

        function fun(){            var sum = 0;            for (var i = 0;i< arguments.length;i++) {                sum+=arguments[i];            }            return sum;        }        alert(fun(1,2,3,4,5,6,7,8));

var sum;num1=100;sum+num1 #会报错,因为sum不知道什么类型.

函数形参实参

1.

var num = 10;function foo(num){    num=100;    console.log(num);}console.log(num);#10

2.

var num = 10;function foo(num1){    //实参: 调用时传递的参数    //形参: 定义时传递的参数    num1=100;    console.log(num1);}foo(num);console.log(num);# 10 100 10

3.函数隐含了var num1=num;

var num = 10;function foo(num1){    //实参: 调用时传递的参数    //形参: 定义时传递的参数    //var num1=num;    num1=100;    // num1依旧是局部变量    console.log(num1);}foo(num);console.log(num);# 10 100 10

内置函数

Math.random()0.23394747682842443