JS 变量 条件

变量

声明变量同时赋值

var name='亚索';

var number=20;

先声明变量再赋值

var name

name = '亚索';

var name, toop ,node;

name = '亚索';

toop = 'EQ闪';

node = 'R三风';

基于变量声明其他变量

var  Ahead = 20;

var Yasuo = '亚索的人头数是'+ Ahead +'个';

var Flash= 50 ;

var present = `一局比赛${name}用了${Flash}个闪现`;// 注意 这里使用的是 `` 反引号

通过.可以访问变量的属性，如length

var Jess = "相信我：如果我们够机灵的话，皮尔特沃夫就能强势地面对任何威胁。我就是个活生生的例子。——杰斯";

》Jess.length

>  46

获取字符串的最后一个字符

var Jess = "相信我：如果我们够机灵的话，皮尔特沃夫就能强势地面对任何威胁。我就是个活生生的例子。——杰斯";

》Jess[Jess.length-1]

> 斯

更改变量

通过++可以让变量自增 1，--可以让变量自减 1。

var numder = 6 ;

numder++  //  ++后 numder 会变成 7

numder-- // --后 numder 会变成 6

数据类型

数字  Number

字符串  String

布尔值 Boolean

对象  Object

Null

Undefined

Symbol    //ES6

var age = 18 ;   //数字

var string = '在哪里';    // 字符串

var  valid = true; // 布尔值

var young =  (age => 16 && age <= 50)  // 布尔值

var ljh = {                          //对象

name:{zh:'陆家华',en:'ljh'},      //对象

height:179,                              //对象

}   //对象

通过  .  访问对象的属性

》ljh.height

> 179

》ljh.name.zh

> ''陆家华

弱类型

JavaScript 是一门弱类型的编程语言，因此声明变量的时候不需要同时声明数据类型。

typeof操作符查看数据类型

重新赋值可以改变变量的数据类型

>var  a = 'Apple';

→undefined

>typeof a  //  查看 a 的数据类型

→"String"  //当前变量的数据类型  字符串

>a=97;   //重新赋值   数字

→97>

typeof a  //重新赋值数字后， 查看 a 的数据类型

→"number"   //数字类型

String转numder之后查看numder类型

ES6

let   不允许在同一作用域内使用 let  重复声明变量

let

是一个快状声明域的变量 ,  一声明就不可修改

if(navigator.language) {

letlanguage=navigator.language;

console.log('当前浏览器语言是'+language);

}

若尝试在if代码块外访问language会报错。

language

× UncaughtReferenceError:language is not defined

const   常量

const  常量    一声明就不可修改

const  CHINESE_YEAR_2017='鸡';

CHINESE_YEAR_2017='鸡';

CHINESE_YEAR_2017='狗';

× UncaughtTypeError:Assignment to constant variable.

使用const声明常量 必须     同时赋值 ，否则会报错。

                 

全局变量

在顶层环境声明的变量是全局变量。应该尽量避免使用全局变量。

使用var声明的全局变量会成为顶层对象window(浏览器) 或global(Node.js) 的属性。

>varhi='Hi!'→undefined>hi→"Hi!">window.hi→"Hi!"

在非严格模式下，如果没有通过var  let或const直接声明的变量会成为全局变量。

functionhello() {  message='你好';}hello();

>message

→"你好"

>window.message

→"你好"

使用 let 或 const 声明的全局变量 不是 顶层对象 window (浏览器) 或 global(Node.js)  的属性。

>let face='狗';

→undefined

>face

→"狗"

>window.face //在顶层对象 window (浏览器) 或  global(Node.js) 上 找不到 face 的属性

→undefined

本节结论

推荐使用let声明变量，使用const声明常量。

尽量避免使用全局变量。

尽量避免使用全局变量。

尽量避免使用全局变量。

---

               

              条件

if  条件判断

//document.body.scrollTop      为body页面滚动的距离

if(document.body.scrollTop  >= 0 ){       //如果页面滚动的距离大于0，

    document.body.scrollTop=0;     //则让页面还回 0

} //如果没有则没有变化

var    price = 1000 ,  disc= 0.8 ;  // 声明产品价格很折扣变量

var    huyu = true ;     //   声明 huyu 是会员

if (huyu){                          //付钱时如果是会员

    price *= disc;              //则在价格上 打0.8折

}

console.log(`价格是 ${price} 元`)              //得出优惠价格

if    ...else

如果不满足则运行另一个

//Math.random() 用于生成一个 0 - 1 之间的随机数。

var a=Math.random();

var b=Math.random();           

if(a>b) {console.log('随机数 a 大于 b')}  //如果a大于b则输出if下面的代码，

else{console.log('随机数 a 小于或等于 b') };//如果不大于则输出else下面的代码

else if   各种可能

var width=window.innerWidth;//获取当前窗口宽度if(width<=320) {

console.log('窗口宽度 <= 320px');

}else if(width<768) {console.log('320px < 窗口宽度 < 768px');

}else if(width<=1024) {console.log('768px <= 窗口宽度 <= 1024px');

}else{console.log('窗口宽度 > 1024px');

}

嵌套 if...else

条件（三元）运算符 ( ?: )

按情况返回以下俩个表达式 

slenu ? '在线' : '离线' ;    // 如果是true则返回在线，  是false则返回离线

//navigator.onLine           查看网络是否连接

》var slenu = navigator.onLine ? '在线': '离线' ;

> "在线"        // 如果是true则返回在线，  是false则返回离线

》var isBirthday = false;    //  false 

》console.log(isBirthday ? '生日快乐':'早啊');  //如果是flase则返回 第二个 

>  "早啊"           

function home(){ console.log('回家'); }

function work(){console.log('上班');}

new Date().getHours() >=18 ? home() : work() ; //new Date().getHours() 当前时间几点

//如果时间是 大于18或者等于18 则返回 home。 如果小于则返回work

switch

case是switch的子属性，用来添加

var province = ' 广东省';

switch(province){

case'江苏省': 

case'浙江省':

case'上海市':

console.log('江浙沪包邮!');

break;

case'广东省':

case'福建省':

console.log('邮费：20元');

break;

case'西藏自治区':

case'新疆自治区':

case'内蒙古自治区':

console.log('邮费: 30元');

break;

case'香港特别行政区':

case'澳门特别行政区':

console.log('邮费: 60元');

break;default:

console.log('邮费: 18元')}

..