不是吧,都过年了你还没有对象?

   欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端。
  致力于尽可能详细且简洁的介绍前端知识、自己的捷径,也是学习路上的记录。欢迎探讨



都忙着回家过年喽,是不是就你还没有对象啊,来JS吧,任君挑选!

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…

对象只是一种特殊的数据。对象拥有属性和方法。

JavaScript中的对象分为:自定义对象、内置对象、浏览器对象。前两种是JS基础内容,属于ECMAScript,第三个是JS独有的

自定义对象

创建对象

利用字面量创建对象:就是花括号里包含了表达这个事物的属性和方法

//var obj = {}; //创建了空对象
        //里面的属性或方法采用键值对的形式,键(属性名): 值(属性值),多属性之间用逗号隔开
        //方法冒号后面跟的是一个匿名函数
//调用对象
        //调用对象的属性:对象名.属性名
        console.log(obj.uname);
         // 对象名['属性名']
        console.log(obj['age']);
// 调用对象的方法 :对象名.方法名()
        obj.say()

利用 new Object 创建

// 用 new Object 创建
        var Mr = new Object();//创建空对象
        Mr.uname = '鸣人';
        Mr.sex = '男';
        Mr.age = 19;
        Mr.skill = function() {
   
            console.log('影分身术');
        }
        //利用 等号 = 赋值的方法,添加对象的属性和方法
        // 每个属性和方法间用分号结束
// 调用
console.log(Mr.uname);
        console.log(Mr['sex']);
        Mr.skill();

利用构造函数创建对象利用构造函数创建对象,利用函数封装对象重复相同的代码。前两种一次只能创建一个对象
用构造函数创建对象的过程称为对象的实例化
构造函数名首字母大写
构造函数不需要return就能返回结果,调用必须用new

// 语法:
        function 构造函数名() {
   
            this.属性 =;
            this.方法 = function() {
   }
        }
        new 构造函数名();

遍历对象

 // for ... in 循环遍历对象,很少用它遍历方法
        //语法:
        /* for(变量 in 对象) {
        }
var obj = new Object();//创建空对象
        obj.uname = 'N哥哥';
        obj.age = 22;
        obj.sex = '男';
        obj.say = function() {
        console.log('hello');
        }
        for (var k in obj) {
            console.log(k); // k 变量输出的是属性名
            console.log(obj[k]); // 输出属性值
        }

内置对象

指JS语言自带的一些对象,供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)
JS提供了多个内置对象:Math、Date、Array、String等,可通过查文档:MDN 、 W3C来查看相关使用,这里简单举几个例子

Math 对象:

//取整:Math.floor() 向下取整,取最小值
        console.log(Math.floor(2.8)); //2
        //取整:Math.ceil() 向上取整,取最大值
        console.log(Math.ceil(2.1)); //3
         //取整:Math.round() 四舍五入,特殊情况:.5 是往大了取
         console.log(Math.round(2.4));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值