[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
4000
;
p={
age:22,
//    foo:function () { return p.age }  //22
foo:function () { return age }    //23
}
console.log(p.foo());

函数的定义

前后都可以调用

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

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

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