zoukankan      html  css  js  c++  java
  • js

    js的引入方式

      Script标签内写代码

    <script>
      // 在这里写你的JS代码
    </script>

      引入额外的JS文件

    <script src="myscript.js"></script>

    数据类型

      动态类型 

    var x;  // 此时x是undefined
    var x = 1;  // 此时x是数字
    var x = "Alex"  // 此时x是字符串 
    动态类型

      数值(Number)

    JavaScript不区分整型和浮点型,就只有一种数字类型。
    
    var a = 12.34;
    var b = 20;
    var c = 123e5;  // 12300000
    var d = 123e-5;  // 0.00123
    还有一种NaN,表示不是一个数字(Not a Number)。
    
    常用方法:
    
    parseInt("123")  // 返回123
    parseInt("ABC")  // 返回NaN,NaN属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。
    parseFloat("123.456")  // 返回123.456
    数值

      字符串(String)

    var a = "Hello"
    var b = "world;
    var c = a + b; 
    console.log(c);  // 得到Helloworld
    字符串

      布尔值(Boolean)

    区别于Python,true和false都是小写。
    
    var a = true;
    var b = false;
    ""(空字符串)、0、null、undefined、NaN都是false。
    
    null和undefined
    null表示值是空,一般在需要指定或清空一个变量时才会使用,如 name=null;
    undefined表示当声明一个变量但未初始化时,该变量的默认值是undefined。还有就是函数无明确的返回值时,返回的也是undefined。
    布尔值

    对象(Object)

      数组

    数组对象的作用是:使用单独的变量名来存储一系列的值。类似于Python中的列表。
    
    var a = [123, "ABC"];
    console.log(a[1]);  // 输出"ABC"
    数组 

    forEach()

    语法:
    
    forEach(function(currentValue, index, arr), thisValue)

    splice()

    语法:
    
    splice(index,howmany,item1,.....,itemX)

    map()

    语法:
    
    map(function(currentValue,index,arr), thisValue)

    类型查询

    typeof "abc"  // "string"
    typeof null  // "object"
    typeof true  // "boolean"
    typeof 123 // "number"
    typeof是一个一元运算符(就像++,--,!,- 等一元运算符),不是一个函数,也不是一个语句。
    
    对变量或值调用 typeof 运算符将返回下列值之一:
    
    undefined - 如果变量是 Undefined 类型的
    boolean - 如果变量是 Boolean 类型的
    number - 如果变量是 Number 类型的
    string - 如果变量是 String 类型的
    object - 如果变量是一种引用类型或 Null 类型的 

    运算符

      算数运算符

    + - * / % ++ --

      比较运算符

    > >= < <= != == === !==

      逻辑运算符

    && || !

      赋值运算符

    = += -= *= /=

    流程控制

      if-else

    var a = 10;
    if (a > 5){
      console.log("yes");
    }else {
      console.log("no");
    }

      if-else if-else

    var a = 10;
    if (a > 5){
      console.log("a > 5");
    }else if (a < 5) {
      console.log("a < 5");
    }else {
      console.log("a = 5");
    }

      switch

    var day = new Date().getDay();
    switch (day) {
      case 0:
      console.log("Sunday");
      break;
      case 1:
      console.log("Monday");
      break;
    default:
      console.log("...")
    }
    swich

      for

    for (var i=0;i<10;i++) {
      console.log(i);
    }

      while

    var i = 0;
    while (i < 10) {
      console.log(i);
      i++;
    }

      三元运算

    var a = 1;
    var b = 2;
    var c = a > b ? a : b
    //这里的三元运算顺序是先写判断条件a>b再写条件成立返回的值为a,条件不成立返回的值为b;三元运算可以嵌套使用;
    var a=10,b=20;
    var x=a>b ?a:(b=="20")?a:b;
    
    x
    10
  • 相关阅读:
    简单图表分析(2/2)
    简单图表分析(1/2)
    juqery dragsort使用遇到的问题
    移动端实战总结
    CSS VS JS动画,哪个更快[译]
    HTML5移动端图片上传模块
    移动端使用rem适配及相关问题
    再谈vertical-align与line-height
    Javascript中的Promise
    Retina屏实现1px边框
  • 原文地址:https://www.cnblogs.com/wangtenghui/p/10975618.html
Copyright © 2011-2022 走看看