学js的过程

对象(复杂数据类型object)

本质就是一组无序的相关属性和方法的集合。

创建对象的三种方法

1. 字面量

     var obj={
            uname:"孙悟空",
            sex:"男",
            age:"10000",
            sayHi:function(){
                console.log("hi~");
            }

        }   //用字面量创建的一个对象          
  
     console.log(obj.uname); //调用对象的属性
     obj.sayHi();  //调用对象的方法

每个属性/方法之间用逗号隔开。

2. new Object


        var obj = new Object();
        obj.uname ="孙悟空";
        obj.sex = "男";
        obj.age = "10000";
        obj.sayHi = function(){
            console.log("hi~");
        }
        console.log(obj.uname); 
        obj.sayHi();

每个属性/方法之间用分号隔开。

3.构造函数

构造函数的语法格式:

function 构造函数名(){
          this.属性 = 值;
          this.方法 = function(){}

      }
       new 构造的函数名();
  实例:
function Obj(uname,sex, age,) {
            this.uname = uname;
            this.sex = sex;
            this.age = age;
            this.sayHi =function(words){
                console.log(words);
                
            }

        }
           var swk = new Obj("孙悟空","男","10000",);
           var zbj = new Obj("猪八戒","男","10000",) ;  // 可以创建多个对象

       
        console.log(swk.uame);
        console.log(swk.sex);
        console.log(swk.age);
        swk.sayHi("hello");

遍历对象

   var star={
          name:'***',
          age:'18',
          sex:'男',
         
      }
 
    for( var k in star){
        console.log(k);    // 输出属性名 
        console.log(star[k]); // 输出属性值
        
    }

结果显示:学js的过程_第1张图片

 for ······in 遍历中的 k 为习惯用法(当然其他字母也可),也可以遍历方法但不常用

你可能感兴趣的:(javascript,前端,开发语言)