js 中实现getter和setter函数方法,及运算符的特殊用法

更新日期: 2018-12-27 阅读: 3.9k 标签: 函数

1.getter与setter

javascript的大部分东西是简化了的。这里我们假设有一个student对象,并且我们用student.age来访问它的age属性,如果此时定义了age属性,我们就会得到它的值,如果没有,我们就会得到undefined。

但是我们也可以编写自定义的getter和setter函数来获取我们的想要的东西,而不是直接返回对象的值,设置值的时候也是一样。这样我们就可以实现更多复杂的获取和设置字段的功能,如虚拟字段,字段验证,副作用等,ES6中添加了更加方便的语法形式。

  • getter简单说来就是一种获得属性值的方法,setter简单说来就是一种设置属性值的方法
  • getter负责查询值,它不带任何参数,setter则负责设置键值,值是以参数的形式在内部传递。

//isNaN() 函数用来确定一个值是否为NaN ,即判断该值是否为一个非数字。

const student = {
    firstName: 'job',
    lastName: 'jark',

    get fullName() {
        return this.firstName + ' ' + this.lastName;
    },

    set age(value) {
        if (isNaN(value)) throw Error("It has been a bumber");
        this_age = Number(value)
    },
    get age() {
        return this_age
    }
};
console.log(student.firstName);
student.firstName = 'jerry';
console.log(student.fullName);
student.age = '21';
console.log(student.age);
student.age = 'error';

2.运算符

 1.逗号运算符

通常逗号运算符用于在一行编写多个语句,或者在for循环中使用,比如

var a,b,n = 6;
for(a = 0,b = 0;a <= n&&b<=n;a++,b++) {
}
function  calculate() {
    return a++,console.log(a),a;
}

我们还可以用它在一行中编写有逗号分隔的多个表达式,,并返回最后一个表达式的结果。

//通过var定义的变量,作用域是整个封闭函数,是全域的 。通过let定义的变量,作用域是在块级或是子块中。

let result = number1,number2,...,numberN;


2.!!运算符

他的效果与使用两次的js否定运算符的作用是一致的。!!是将任何表达式转化为布尔类型的表达式的相对较优的运算符。

同样的,如果表达式的返回值为真值,则返回true,否则则返回false。

!!null         //returns false
!!undefined   //returns false
!!false        //returns false
!!true         //returns true 
!!""           //returns false
!!"somestring" //returns true
!!0        //returns false
!!1        //returns true
!![]        //returns true
!!{}        //returns true

3.+运算符

+运算符能够快速的将字符串转化为数字,只需要在字符串前面加上+号即可,+运算符还适用于负数,八进制,十六进制和指数,可以将date或者Moment.js对象转化为时间戳。

//时间戳(timestamp),一个能表示一份数据在某个特定时间之前已经存在的、 完整的、 可验证的数据,通常是一个字符序列,唯一地标识某一刻的时间。

+ '3.11'     //returns 3.11
+ '-4'        //returns -4
+ '0xFF'      //returns 255
+ true        //returns 1
+ '123e-5'   //returns 0.00123
+ false      //returns 0
+ null        //returns 0
+ 'Infinity' //returns Infinity
+'1,234'     //returns Nan
+dateObject   //returns 1542975502981
+momentObject //returns 1542975502981


4.~运算符

位运算符一般使用的很少,当他与数字一起使用的时候,比如~N => -(N+1),这个式子仅当 N == -1 的时候结果为0。

我们可以在indexof(..)函数前面加一个~来进行布尔检查,检查一个项是否存在于Array或者string中。

let userName = 'break jerry'

if(~userName.indexOf("break")) {
    console.log('access denied');
}else {
    console.log('access granted');
}

来自:https://www.cnblogs.com/cyk2018/archive/2018/12/26/10181527.html


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/1707

相关推荐

JavaScript push() 方法详解

push() 方法主要用于向数组的末尾添加一个或多个元素,其返回值为添加后新的长度,即push后的数组长度,该值为number类型。介绍:一个数组中添加新元素、把一个数组的值赋值到另一个数组上、在对象使用push

什么是纯函数_以及为什么要用纯函数?

当我第一次听到 “纯函数 (Pure Function)” 这个术语的时候我很疑惑。常规的函数做错了什么?为什么要变纯? 为什么我需要纯的函数?除非你已经知道什么是纯函数,否则你可能会问同样的疑惑

让我们来创建一个JavaScript Wait函数

Async/await以及它底层promises的应用正在猛烈地冲击着JS的世界。在大多数客户端和JS服务端平台的支持下,回调编程已经成为过去的事情。当然,基于回调的编程很丑陋的。

什么是函数的副作用——理解js编程中函数的副作用

函数副作用是指当调用函数时,除了返回函数值之外,还对主调用函数产生附加的影响。副作用的函数不仅仅只是返回了一个值,而且还做了其他的事情

js中sort函数用法总结_sort排序算法原理

js中sort方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。如果要得到自己想要的结果,不管是升序还是降序,就需要提供比较函数了。该函数比较两个值的大小,然后返回一个用于说明这两个值的相对顺序的数字

javascript封装函数

使用函数有两步:1、定义函数,又叫声明函数, 封装函数。2、调用函数var 变量 = 函数名(实参);对函数的参数和返回值的理解

js中reduce()方法

reduce() 方法接收一个函数作为累加器,reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(上一次回调的返回值),当前元素值,当前索引,原数组。

javascript回调函数的理解和使用方法(callback)

在js开发中,程序代码是从上而下一条线执行的,但有时候我们需要等待一个操作结束后,再进行下一步操作,这个时候就需要用到回调函数。 在js中,函数也是对象,确切地说:函数是用Function()构造函数创建的Function对象。

js调用函数的几种方法_ES5/ES6的函数调用方式

这篇文章主要介绍ES5中函数的4种调用,在ES5中函数内容的this指向和调用方法有关。以及ES6中函数的调用,使用箭头函数,其中箭头函数的this是和定义时有关和调用无关。

js构造函数

JS中的函数即可以是构造函数又可以当作普通函数来调用,当使用new来创建对象时,对应的函数就是构造函数,通过对象来调用时就是普通函数。在我们平时工作中,经常会需要我们创建一个对象,而我们更多的是使用对像直接量,直接创建

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!