[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