js判断语句的写法规则

JavaScript013

js判断语句的写法规则,第1张

在写JS中最常见的就是 if 判断,但是直接写 if(){}else{}太low ,下面是常见的几种js的if判断的写法:

/**

* js 判断的几种写法

*/

var a = 10,b = 20

console.log(a)

console.log(b)

/*最直接*/

if(a >b){

console.log('a大')

}else{

console.log('b大')

}

/*改变1*/

if(a >b) console.log('a大')

if(a <b) console.log('b大')

/*改变2*/

if(a >b) console.log('a大')

else console.log('b大')

/*最简单*/

console.log(a>b ? 'a大' : 'b大')

在js中,这相当于一个赋值语句,如果b的值大于0或为true,那么就把b的值赋给a,否在就把c的值赋给a布尔值,javascript中以下值会被转换为false。

var Utils = new Object()

Utils.htmlEncode = function(text)

{

//code.....

}

这种写法有点面向对象的意思,先创建一个Utils的对象,给他增加一个属性htmlEncode。

Java特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。

以上内容参考:百度百科-JavaScript

运行的结果不难想象应该为 undefined is ready for attaching undefine 。这是因为 button onclick 引用了 Warrior 的 attach 的方法。但是这里 button 中并没有 element 这个属性。所以 undefined。这也就是我们常说的 this 指向的问题。

我们通过 bind 的方法将我们方法绑定到指定的对象,这样我们的方法就有了 context 也就是上下文。这样就解决了问题,这样写法我们在 jquery 的事件绑定是最常见不过的了。

当然我们也可以也使用 es6 的箭头函数作为 ready 属性,这个箭头好处就是我无需再写 bind 来讲方法绑定到指定对象,箭头方法中 this 对象。

不通过这样做还是有性能问题的,

这种写法想必我们在写 react 时候会经常遇到这种写法。这样同样可以解决 this 的指向的问题。

每一次都会创建一个函数

我们对 createWarrior 进行改造。