美文网首页
JavaScript面向对象编程指南(v2)- 2

JavaScript面向对象编程指南(v2)- 2

作者: 飘空鱼 | 来源:发表于2017-05-25 16:41 被阅读0次

基本数据类型、数组、循环、条件表达式

变量(区分大小写)

  1. var 声明一个变量
  2. es6 中可使用 let, const声明变量
    const 声明的变量,地址不可变,但内部可变更,如:
const a = {
  b: {
    c: 123,
  },
};
a = {} ; // 错误
a.b = 123; // 正确 

基本数据类型

使用判定方法: Object.prototype.toString.call 得到的数据类型结果如下

例子 类型
'dssss' 字符串【String】
12312 数字【Number】
[1,1,2,3] 数组【Array】
{a: 12} 对象【Object】
function(){} 函数【Function】
2017-5-12 日期【Date】
true / false 布尔值【Boolean】
Null 空 【Null】
undefined 未定义【Undefined】
/^kk/g / new RegExp 正则【RegExp】
注意:Object.prototype.toString.call(1e+309) = [object Number] 超出JavaScript处理范围的数值也返回Number。

数组Array

一个存储数据的列表
w3school-数组的方法

Paste_Image.png

循环

  • while
    条件满足才开始
var i = 0;
while (i< 10) {
   i++;
}
  • do-while
    先开始,再判定条件
var i = 0;
do {
   i++;
} while (i < 10);
  • for
    常用的循环语句
var count  = 0;
var len = 10;
for (var i = 0; i < len; i += 1) {
   count += i;
} 
  • for-in
    通常用于遍历对象
var a = {
   b1: 12,
   b2: 3,
   ...
};
for (var key in a) {
 console.log(key) // b1 ,b2,....
}
  • es6中的for-of
    用于遍历含有Iterator的对象,详情
var a = [ { b1: 123}, {b1: 456} ];
for (var item of a) {
   console.log(item.b1); // 123, 456
}

条件表达式(if, switch)

  • if 判断条件
var a = 100;
if (a > 50 ) {
   console.log(a) // 100;
} else if (a > 80) {
 console.log(a) // 不执行
} else {
 console.log(a) // 不执行
}
  • switch 满足条件则打开
var a = 100;
// 第一种
switch (a) {
   case a > 50:
     console.log(a); // 100;
   case a > 80:
     console.log(a); // 100;
   case a > 120:
     console.log(a); // 不执行
   default:
     console.log(123123); // 不执行
}
// 第二种
switch (a) {
   case a > 50:
     console.log(a); // 100;
     break;
   case a > 80:
     console.log(a); // 不执行;
     break;
   case a > 120:
     console.log(a); // 不执行
     break;
   default:
     console.log(123123); // 不执行
}

相关文章

  • JavaScript面向对象编程指南(v2)- 2

    基本数据类型、数组、循环、条件表达式 变量(区分大小写) var 声明一个变量 es6 中可使用 let, con...

  • JavaScript面向对象编程指南(v2)- 1

    相对于HTML服务于内容,CSS服务于表现的稳定,JavaScript这些年来发展迅猛,从最初服务于web页面交互...

  • JavaScript面向对象编程指南(v2)- 3

    函数 - 永不停歇的工厂 工厂: 【原料】 => 【生产】 => 【产出】函数: 【参数】 => 【计算】 ...

  • 2017上半年目标

    1、学习书单:《javascript面向对象编程指南》《你不知道的javascript》《正则指引》《深入Reac...

  • 构造函数与 new 命令

    JavaScript 语言具有很强的面向对象编程能力,本章介绍 JavaScript 如何进行面向对象编程。 对象...

  • Javascript面向对象编程

    阮一峰文档备忘 Javascript 面向对象编程(一):介绍封装 Javascript 面向对象编程(二):介绍...

  • JS创建对象方案(一)

    5.1 JavaScript的面向对象 JavaScript其实支持多种编程范式的,包括函数式编程和面向对象编程:...

  • JS设计模式 -- 面向对象 -- 1 封装

    以下内容来自张荣铭《JavaScript设计模式》第2章。 两种编程风格 -- 面向过程与面向对象。 面向对象编程...

  • JS初学者书籍推荐

    1.《javascript面向对象编程指南》,风格轻松易懂,比较适合初学者,原型讲得透彻,12种继承方式 2.《j...

  • JS初学者书籍推荐

    1.《javascript面向对象编程指南》,风格轻松易懂,比较适合初学者,原型讲得透彻,12种继承方式 2.《j...

网友评论

      本文标题:JavaScript面向对象编程指南(v2)- 2

      本文链接:https://www.haomeiwen.com/subject/rgczxxtx.html