JS基础(3)

作者: lemontree2000 | 来源:发表于2016-10-16 16:28 被阅读0次

1、数据类型

变量:变量本身是没有值,我们赋给它什么值它就是什么值
查看变量的类型:typeof 东西

function () {
   var a = '我是谁';
  alert(typeof a);
}

<b>六种数据类型</b>
number 数字
string 字符串
boolean 布尔型

object 对象
undefined 未定义
function 函数

*** null -> 空对象 -> object

<b>基本的数据类型:</b>
不可拆分成其他的数据类型

number
    12:
    6 + 6
string
    'abc'
    'a' + 'b' + 'c'

<b> 复合的数据类型:</b>

    object: 对象
    var arr = [1,'abc',true,function(){alert(1)}];
    可以拆出多种数据类型

<b>变量和字符串的区别:</b>
变量没有引号(')
字符换必须带上引号(')
*** 属性都是字符串

2、命名规范

匈牙利命名法:
    a). 首字母大写
        toChange
        toWidth
    系统:
        getElementById
        getelementbyid
    b). 有类型的前缀
        oDiv
        aBtn

常见的类型前缀:
    o-> object  oDiv    一个元素,一个对象
    a-> array   aBtn      一组元素
    i-> integer iCount  整数
    f-> float   fPrice  浮点数
    s-> String  sUserName 字符串
    b-> boolean bOk 布尔型
    fn-> function   fnSucc  函数
    re-> RegExp reEmail 正则

3、字符串转数字

<b>三种显示转化</b>

a. parseInt(字符串)
    '12' -> 12
    '12.5' -> 12
    '12abc' -> 12
    'abc'   -> NaN
工作原理:从左往右开始找,遇到非数字就停止(包括小数点), 如果第一个就不是一个数字,就返回NaN
b). parseFloat(字符串)
    '12' -> 12
    '12.5' -> 12.5
    '12abc' -> 12
    'abc' -> NaN
工作原理:从左往右开始找,遇到非数字就停止(不包括小数点), 如果第一个就不是一个数字,就返回NaN
c). Number(字符串)
    '12' -> 12
    '12.5' -> 12.5
    '12.5abc' -> NaN
    'abc' -> NaN
既能处理整数,也能处理小数,但是格式要求严格(必须是数字), 如果不是数字就返回NaN

<b>隐式转化</b>

以下都会触发隐式转化
- * / > < >= <= ==

尽量避免隐式转化

<b>关于NaN</b>

NaN: Not a Number
不是一个数字

<b>特性:</b>
a). NaN跟任何东西都不相等,包括自己
NaN == NaN -> false
b). 数据类型是number
typeof NaN -> number

<b>怎么判断一个东西是不是NaN ?</b>

    isNaN(东西)
        如果是非数字,就返回true
            isNaN(NaN) -> true
        如果是数字,就返回false
            isNaN(12) -> false

<b>数字转字符串:</b>
a). '' + number
b). number + ''

4、作用域

<b>作用域:变量的</b>
a). 全局变量
在程序的任何地方都可以访问
b). 局部变量
定义在函数里面,只能在函数的内部使用
c). 闭包
子函数可以使用父函数的局部变量

<b>变量的遮蔽: </b>
局部变量和全局变量同名
就近原则
在函数内部优先使用自己的变量

5、运算符

算数运算符:
    +  -  *  /
    %(取模) 取余数
        % 3  -> 0  1  2
        % 5  -> 0  1  2  3  4
        
        
赋值运算符:
    =   +=  -=  *=  /=  %=
    a = a + 10;
    a += 10;

比较运算符:
    > < >= <= == != === !==
    
    ==:   先做类型转化,再做比较
    ===:  严格的比较
        先比较数据类型
        全等
逻辑运算符:
    与(且) 或 非
    且: &&  并且
        条件1 && 条件2
        两个条件都必须满足

    或: ||  或者
        条件1 || 条件2
        两个条件只要一个满足就ok

    非: !  取反
        !true -> false

    判断两位数:
        >= 10 && <100
    判断周末:
        6 || 7

<b>*想要改变运算符的优先级:使用小括号</b>

6、流程控制语句

控制代码的走向

1、if语句

第一种:只写满足语句
    if (条件) {
        // 条件满足执行语句
        语句;
    }

第二种:if else
    if (条件) {
        // 条件满足执行语句1;
        语句1;
    } else {
        // 条件不满足执行语句2
        语句2;
    }

第三种:多个条件
    if (条件1) {
        语句1;
    } else if (条件2) {
        语句2;
    } else if (条件3) {
        语句3;
    } else if (条件4) {
        语句4;
    }.....

第四种:多个条件加默认语句
    if (条件1) {
        语句1;
    } else if (条件2) {
        语句2;
    } else if (条件3) {
        语句3;
    } else if (条件4) {
        语句4;
    } else {
        默认语句;
    }

2、swicth 语句

    switch(值) {
        case 情况1:
            语句1;
            break;
        case 情况2:
            语句2;
            break;
        case 情况3:
            语句3;
            break;
        ......
        default:
            默认语句;
            // break; 不要加
    }

3、if简写

一、
if (条件) {
        // 条件满足执行语句
        语句;
    }
简写以下:
1.条件 && 语句;
2.if (条件) 语句;

二、
if (条件) {
    // 条件满足执行语句1;
    语句1;
} else {
    // 条件不满足执行语句2
    语句2;
}

简写以下:
    三目运算:
    条件 ? 语句1 : 语句2; 

4、关于break && continue

一般是配合循环使用

break:终止、中断
终止整个循环,暴力的!

continue:继续
终止当前的循环,继续下一次循环

相关文章

  • 小程序系列--JS基础

    JS基础 最后一遍JS基础,需要一定的语言基础 1. JS在网页中使用 2. 注释 3. 变量 声明变量 var...

  • 第五章 js-web-api 上

    5-1 从基础知识到web-api JS基础知识:ECMA 262 标准 JS-Web-API:W3C 标准 W3...

  • js基础3

    1.DOM操作 children 子节点 儿子节点parentNode 父节点谷歌和火狐的方式first...

  • js基础3

    一、添加事件 添加事件方式,见代码 显示隐藏图片操作div的display属性,在block和none之间切换即可...

  • JS基础3

    Object对象 (1)Object()(注意O是大写的)本身是一个工具函数,它可以将任意值转换为对象, 在以上代...

  • JS基础3

    属性描述对象: (1)Object.getOwnPropertyDescriptor() 返回为: Object....

  • js基础(3)

    11、数据类型检测与toString方法的理解 1,typeof value (检测一个值的类型:原始类型或者引用...

  • JS基础(3)

    1、数据类型 变量:变量本身是没有值,我们赋给它什么值它就是什么值查看变量的类型:typeof 东西 六种数据类型...

  • JS基础3

    assert(断言) 上面的代码 声明了一个函数assert , 它有一个可接受的值是value . if 这个值...

  • JS-Web-API

    JS 基础知识: ECMA 262 标准JS-Web-API: W3C 标准 W3C 标准中关于 JS 的规定有...

网友评论

    本文标题:JS基础(3)

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