• javascript的基础总结


    存点与java有差异的笔记

    Javascript的历史来源

    94年网景公司 研发出世界上第一款浏览器。
    95年 sun公司 java语言诞生
    网景公司和sun合作。
    Java+script ===> javascript

    JavaScript和ECMAScript的关系

    简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)

    作用

    ◆表单验证
    ◆轮播特效
    ◆开发游戏
    HTML5推出了一个东西叫做Canvas(画布),工程师可以在Canvas上进行游戏制作,利用的就是JavaScript。

    2004年因谷歌公司,开始带头使用Ajax技术所以JavaScript命运开始改变了!Ajax(异步交互技术)技术就是JavaScript的一个应用

    ◆js是一款运行在客户端的网页编程语言。
    ◆组成部分
    ★ecmascript js标准
    ★dom 通过js操作网页元素
    ★bom 通过api操作浏览器
    ◆特点
    ★简单易用
    ★解释执行(不用先编译再执行)

    ◆外链式 <script src="abc.js"> //该标签内不能再写js代码 </script>

    ★先创建一个外部JS文件
    ★通过src将外部js调用。
    ◆推荐将JS代码写在html结束标签后边
    将多个JS文件合成为一个JS文件 (可以减轻服务器压力,只需一次访问)

    ◆转义字符
    ” 转双引
    ’ 转单引
    转换行 (和下面那个输出格式上有细微的差别)
    转回车

    变量的命名规范

    ◆不能以数字或者纯数字开头来定义变量名。
    ◆不推荐使用中文来定义变量名。
    ◆不能使用特殊符号或者特殊符号开头(-除外);
    ◆不推荐使用关键字和保留字来定义变量名。

    数据类型

    简单数据类型(一共5种)

    ◆数字类型 Number
    包含正数 负数 小数

    ◆字符串类型 String
    凡是用双引号或者单引号引起的是字符串。

    ◆布尔数据类型 Boolean

    ◆undefined 变量未初始化
    定义了变量,但是没有给变量赋值,那么该值的数据类型就是 undefined 类型..但变量在内存是存在的
    var n1 ;如果alert(n1) --->弹窗显示undefined

    ◆null 变量未引用 值为空 object
    var n2=null; 表示变量值为空,该变量在内存中是不存在的。真正的空。 n2的数据类型为 object
    var n2=null ;如果alert(n2) --->将会弹窗显示null
    (var n2=null相当于销毁,在内存找不到这个变量)

    复杂数据类型

    ★ object 对象
    ★ array 数组

    算术运算符

    ◆+ 加号
    ★两个数字类型的变量相加,得到的是一个数字类型。
    一个数字类型和一个字符串相加,得到的是一个字符串。
    ◆— 减号
    ★两个数字类型的变量相减,得到的是一个数字类型。
    ★一个数字类型和一个数字字符串相减,得到的是一个数字类型。
    一个数字类型和一个非数字字符串相减,得到的是NaN,是一个数字类型。
    NaN, not a number
    ◆/ 除号
    ★两个数字类型的变量相除,得到的是一个数字类型。
    ★一个数字类型和一个数字字符串相除,得到的是一个数字类型。
    一个数字类型和一个非数字字符串相除,得到的是NaN,是一个数字类型。 **
    0做为除数的时候,得到结果 Infinity (无限大),是一个数字类型。**
    ◆% 取余数

    ◆优先级 有()先计算()里边的

    Date()对象

    Math对象

    ◆Math.ceil() 向上舍入
    ★如果是整数,取整之后是这个数本身
    ★如果是小数,对数进行向上舍入。 Math.ceil(5.4)-->6 || **Math.ceil(-12.01) -->12 **

    ◆Math.floor() 向下舍入
    ★如果是整数,取整之后是这个数本身
    ★如果是小数,对数进行向下舍入 Math.floor(3.98)-->3 || **Math.floor(-12.01) -->13 **

    ◆Math.max()
    Math.max(n1,n2) ;
    ◆Math.min()
    Math.min(n1,n2) ;
    ◆Math.pow()
    Math.pow(n1,n2)-->返回n1的n2次方

    ◆Math.round()
    Math.round(6.7) 进行四舍五入操作

    ◆Math.random()
    返回0-1之间的随机数,注:不包含1,且是很长的小数 例如:0至0.99999999999999999999999999999999

    ===============================================================================

    数据类型转换

    数字类型转字符串

    String()

    变量.toString()

    字符串转数字类型

    ◆Number

    ★数字类型的字符串,转换之后得到的数字。
    非数字字符串,转换之后得到是NaN。(比较严格点)
    ★小数类型的字符串,转换之后得到的是原数字。

    ◆parseInt

    ★整数数字类型的字符串,转换之后得到的整数数字。
    数字开头字符串,转换之后得到的是前边的数字
    ★非数字开头的字符串,转换之后得到的是NaN。
    小数类型的字符串,转换之后取整

    ◆parseFloat
    ★整数数字类型的字符串,转换之后得到的整数数字。
    数字开头字符串,转换之后得到的是前边的数字
    ★非数字开头的字符串,转换之后得到的是NaN。
    ★小数类型的字符串,转换之后得到的是原数字

    转布尔类型

    Boolean()

    ★数字和字符串转完之后为true。
    ★undefined、null、0转完之后为false.

    隐式数据类型转换

    在运算过程中,程序自己进行的数据转换

    var n1= 12;
    var n2 ="5";
    var n3 =n1-n2;
    alert(n3); -->7 
    alert(typeof(n3)); -->number    注:n3并没转成string
    alert(typeof(n2)); -->string      注:这表明了是在运算过程中为n2转类型的
    

    等号运算符

    “=”赋值运算符
    ”只判断内容是否相同,不判断数据类型。 var n1=2; var n2 ="2"; alert(n1==n2); --->true
    =”不仅判断内容,还判断数据类型是否相同。var s1=2; var s2 ="2"; alert(s1===s2); --->false

    != 只判断内容是否不相同,不判断数据类型
    !==不全等于 不仅判断内容是否不相同,还判断数据类型是否不相同

    ============================================================

    代码调试

    ◆先让程序运行一遍
    ◆f12 代码调试工具
    ◆刷新页面
    ◆找到一步步调试,每点击一次,执行一步。

    ◆添加变量或者表达式到监视窗口。
    选择变量或表达式右键add to watch.

    查漏补缺

    Switch语句还可以对变量进行集体判断

    Continue语句指的是跳出本次循环,该语句后面的代码不再执行,整个循环体继续循环。

    数组定义(2种方式)


    赋值

    (推荐)或者创建并初始化: var ary=[1,5,99,"你好",'中国']; 注意是中括号,不同java 的大括号{ }

    1.concat()方法合并数组 返回一个新数组
    arr1.concat(arr2);

    2.join("|") 方法 返回一个字符串 (还是字符串数组?)
    arr1.join("|") 表示在数组arr1的每一个值后都加上| ,返回的是string

    3.length

    函数

    函数(方法)定义
    通过 function 关键字
    和自定义方法名 既可定义一个函数

    function abc() {…………; }

  • 相关阅读:
    gdbinit理解
    debug套路
    node 版本升级
    工作方式
    vscode 插件编写
    函数闭包与装饰器
    高阶函数与递归
    函数嵌套及作用域
    函数
    文件处理
  • 原文地址:https://www.cnblogs.com/czy16/p/8325215.html
Copyright © 2020-2023  润新知