JS基础

作者: Nico酱 | 来源:发表于2016-09-05 18:28 被阅读17次

js课程

  1. js代码需放在script标签里面,可以放在head里,也可以放在body里面,还可以放在任意的标签里边.按照先执行head然后在执行body,从上往下执行.

  2. JavaScript

    ​ js语法

​ BOM浏览器对象模型

​ DOM文档对象模型

  1. JS文件引入:<script src="" type="text/javascript">这段代码不会被执行</script> ,当引入了js文件的时候,就不要再script里面包裹js代码了,因为其不会执行.

  2. onload:表示当html执行完后再执行里面的js代码.此函数可以让script写在head里面onload="function"(){}

  3. 定义变量 var 关键字,var cup="wine" ,cup叫变量名,wine叫值. 然后可以改变他的值,cup="water" . ==弱类型语言== ,所以可以给其值为cup=12

  4. JS的数据类型

    • String 字符串,带单引号或者双引号
    • Number数值类型,不需要引号
  5. 关键字:break else return 等. 尽量不要用作命名

  6. 变量命名规则:

    1. 可以使用数字.字母.下划线.美元符号
    2. 不可以使用数字开头
    3. 区分大小写 name和Name是两个变量
    4. 定义多个变量,用逗号隔开var cup,name,age;
  7. 判断数据类型:typeof exp:typeof cup

    console.log(typeof cup);

    string number boolean array object null undefined

  8. Bloolen(cup) :转换类型;布尔值任何非0情况下均为真

  9. object对象类型 创建类型: var obj=new Object();

  10. null空指针:它是对象的空指针,为object类型.

  11. undefined,变量没有初始化的时候也会返回undefined

  12. alert和console控制台

  13. 数据类型的转换

    1. 把string类型转换成number类型

      var cup="abc";
      console.log(typeof Number(cup));
      //无法直接转换,会输出NaN:not a number,字符串你需要全为数字
      cup="123";
      console.log(typof number(cup));
      
    2. string转换成布尔类型Boolean(cup)

      console.log(typeof Boolean(cup)) //值为Bolean

      console.log(Boolean(cup))//值为true

    3. number转为布尔,任何非0的情况下返回true,0为false;

      var cup=0;
      console.log(Boolean(cup));
      //值为0
      
    4. 把number 转换为string

      var cup=123;
      console.log(String(cup));//值为123,
      console.log(typeof String(cup));//type is string
      
    5. 把布尔类型转化为number类型

      var cup=false;
      console.log(Number(cup));//值为0
      cup=true;
      console.log(Number(cup));//值为1
      
    6. 布尔类型转为string

      var cup=true;
      console.log(String(cup));//值为true
      
    7. parseInt和parseFloat:整型和浮点类型转换

      var a,b,c;
      a="123.123";
      b="123abc";
      c="abc123";
      console.log(parseInt a);//值为123
      console.log(parseFloat b);//值为123
      console.log(parseInt b);//值为123
      console.log(parseInt(c));//值为NaN
      


  1. number的最大最小值

    最大值Number.MAX_VALUE

    最小值Number.MIN_VALUE

    infinity正无穷大,用函数isFinite() 判断是否为一个有限的数值

    isNaN(x) 判断是否为非数字:若x为非数字,值为真,若x为数字,值为false

    注意 :

    isNaN("123");//值为false,将"123"转化为数字类型
    isNaN(123ABC);//值为true
    
  2. 进制转换toString()

    var b=30;
    console.log(b.toString(2));
    console.log(b.toString(8));
    console.log(b.toString(16));
    
  3. 自加和自减(++和--) ==注意区分赋值顺序==

    var a=123,c;
    c=a++;           //a先赋值,然后自加
    console.log(a);  //124
    console.log(c);//123
    c=++a;           //a先自加,然后赋值
    console.log(a);//125
    console.log(c);//125
    console.log(c--);//125     先赋值打印,c的值为124
    console.log(--c);//123     先c自减,再赋值
    
  4. 加减

    如果两个字符串相加就是字符中拼接

    两个字符串相减,自动转换成number然后进行相减(两者均为带数字的字符串),若非数字,则返回NaN.

  5. 乘除

    相乘,两者若为带数字的字符串,强制转换为数字

    var a=123,b=234;
    console.log(a%b); //值为123
    console.log(b/a);  //值为0.5256410256410257
    

相关文章

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • 2018-12-20

    1.01.尚硅谷_JS基础_JS简介(1) 10.10.尚硅谷_JS基础_Null和Undefined(10) 1...

  • JS基础和WebAPIs的关联性

    学习ECMAscript标准规定的基本语法掌握JS基础语法只学习JS基础做不了网页交互效果学习JS基础语法是为了后...

  • 2019-07-27 前端面试题

    1.js的基础类型 js的基础类型包括 Undefined , Null , String ,Number ,...

  • 网络编程(十九) JavaScript(9)

    一、 JS的组成 1.1 JS基础阶段以及Web APIs阶段 【1】JS基础阶段 我们学习的生死ECMAScri...

  • 发现•分享—2019-01-17

    文章 JS JS 异步编程六种方案 JS基础—原型对象的那些事(一) JS基础—原型对象的那些事(二) CSS 综...

网友评论

      本文标题:JS基础

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