• JS自学笔记01


    JS自学笔记01

    1、开发工具
    webstorm
    2、js(javascript)
    是一门脚本、解释性、动态类型、基于对象的语言
    含三个部分:
    ECMAScript标准–java基本语法
    DOM(Document Object Model)文档对象模型
    BOM(Browser Object Model)浏览器对象模型
    这里写图片描述
    3、js代码的位置:
    执行:单击右上角浏览器图标。Alt+f2快捷键。
    –在html文件中的script的标签中书写js代码
    –js代码可以在html的标签中内嵌
    –在js文件中可以写js代码,但是html文件需要将其引入

    在一对script标签中有错误的代码,那么该错误的代码后面的js代码不会执行。但之后的script标签内的正确代码仍能正确执行。 script标签在页面中可出现多对,常放在body标签最后,有时候放在head标签内。若script标签是引入外部js文件的作用,那么这对标签中不要写任何的js代码,如果要写,就重新写一对script标签再写代码。
    具体的书写方法:

    <script type="text/javascript"或language="JavaScript">

    3、变量
    1)js中存储数据都使用变量的方式(名字,值–>数据)
    2)js中声明变量都用var,字符串类型的值要用引号括起。 js区分大小写。

    一般以字母,$,_开头,中间可以有字母,$,数字。一般小写。变量名如果含多个单词,第一个单词的首字母小写,后面的首字母大写
    var num=10;
    var str='你好'; 
    var flag=true;
    var nll=null;
    var obj=new Object();
    
    var num1;
    car num2;
    num1=10;
    num2=20;
    
    //输出
    alert(num);
    console.log(num); //在控制台输出num的值,参数可以是多个,控制台在浏览器的开发者工具选项中deconsole中。webstorm将生成一个服务器

    这里写图片描述

    这里写图片描述

    格式化:ctrl+alt+l
    如果代码错误将失效
    变量名不能重名

    4、注释:
    单行注释://
    多行注释:/**/,不能嵌套。
    不需要的代码可以先注释掉

    5、获取变量的数据类型
    1)原始数据类型:number,string,boolean,null(object),undefined,object
    2)数字类型:整数,小数
    3)字符串类型:引号括起
    4)布尔类型
    5)undefined:未定义,值只有一个undefined。函数没有明确返回值。变量声明了却未赋值,结果也是undefined,undefined与数字相加,得到是NaN
    6)获取变量类型

    var nll=null;
    var num=10;
    var obj=new Object();
    //使用typeof来获取
    /*
    typeof 变量名
    typeof (变量名)
    */
    console.log(typeof num);//number
    console.log(typeof nul);//object
    

    6、number类型
    1)数据类型的范围

    comsole.log(Number.Max_value)
    comsole.log(Number.Min_value)
    
    var x=0.3;
    var y=0.4;
    console.log(x+y);//结果将有很多小数位,不要用小数验证小数,也不要用NaN验证是不是NaN,若要验证是不是NaN
    console.log(isNaN(num))

    这里写图片描述
    7、String类型
    1)字符串的个数(长度)
    console.log(变量名.length);
    2)转义符:见书本
    3)字符串的拼接
    +号
    console.log(str1+str2);
    如果有一个是字符串,其他的是数字,如果结果拼接,不是进行相加运算
    如果有一个字符串,而另一个不是字符串,使用减号,将发生计算,发生了隐式类型转换
    这里写图片描述

    8、类型转换
    1)其他类型转为整数
    parseInt(其他类型的数据);
    console.log(parseInt(“10”));
    其余同理:parseFloat
    这里写图片描述
    结果:这里写图片描述
    Number(数据)转数字,要求较为严格。
    2)其他类型转字符串
    变量名 .toString()
    或String(变量或变量名)
    如果变量名无意义(unded]fined,null )则调用前者,无意义则使用后者进行转化
    3)其他类型转boolean
    Boolean(值);

    5、操作符
    这里写图片描述
    这里写图片描述
    字面量:把一个值直接赋值给一个变量,而不是把变量赋给变量

  • 相关阅读:
    尽可能的降低重复劳动——模板策略
    一个CSS上中下三行三列结构的Div布局
    程序员那些悲催的事儿
    给NSString增加Java风格的方法
    DIV和table页面布局的区别和联系
    cocos2d播放雪花
    时间复杂度和空间复杂度2 数据结构和算法04
    OD使用教程4 调试篇04|解密系列
    OD使用教程5 调试篇05|解密系列
    PE结构简图
  • 原文地址:https://www.cnblogs.com/Tanqurey/p/10485300.html
Copyright © 2020-2023  润新知