黑马程序员技术交流社区

标题: 【成都校区】关于JavaScript基础的一些个人课堂笔记分享 [打印本页]

作者: For丶Honor 时间: 2018-12-13 13:11
标题: 【成都校区】关于JavaScript基础的一些个人课堂笔记分享
JavaScript基础

概念：一种客户端脚本语言
运行在客户端浏览器中，每一个浏览器都有JavaScript的解析引擎
脚本语言：不需要编译，直接就可以被浏览器解析执行了
功能：可以来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户的体验
*JavaScript=ECMAScript+JavaScript自己特有的东西（BOM+DOM）
ECMAScript：客户端语言的标准
1.基本语法
      1.与HTML的结合方式
         ①内部JS
   *<Scritpt>
  alert( "Hello,World!");
      </Script>
         ②外部JS
      通过src属性引入外部的js文件

*注意：1.</Script>可以定义在html页面的任何地方，但是定义的位置不同会影响执行顺序
      2.</Script>可以定义多个

      2.注释
            1.单行注释  //abc
            2.多行注释  /* abc*/
      3.数据类型
            1.原始数据类型(基本数据类型)：
                  1.number：数字  整数/小数/NaN
                  2.String:字符串
                  3.boolean：true/false
                  4.null：一个对象为空的占位符
                  5.undefined：未定义如果一个变量没有给初始化值，则会被默认赋值为undefined
            2.引用数据类型：对象
      4.变量
         *变量：一小块存储数据的内存空间
         java语言是强类型语言，而JavaScript是弱类型语言
         强类型：只能存储固定类型的数据
      弱类型：可以存放任意类型的数据
      *语法：var 变量名=初始化值；
                  var 变量名；
      5.运算符
         1.一元运算符：只有一个运算数的运算符
            ++（自增）,--（自减） ,+(正号)
*注意：在JS中，如果运算数不是运算符所要求的类型，那么JS引擎会自动的将运算数自动进行类型转换。
         2.算数运算符 +  -  * %
         3.赋值运算符=  +=  -+
         4.比较运算符  ==， ===（全等于）
            比较方式：
                     1.类型相同：直接比较
                     2.类型不同：先进行类型转换，                                        再比较
                     3.*=== 比较之前先判断数据类型是否一致，如果不一致，返回false
         5.逻辑运算符与 && 或 || 非 !
         6.三元运算符？：
               表达式
var a=3;
var b=4;
var c=a>b? 1:0;
   *语法：表达式1>表达式2？值1：值2；
      6.流程控制语句
         1.if...else...
         2.switch:
            *在java中，switch语句可以接受的数据类型：byte int shor char, 枚举，String
            *在JS中，可以接受任意类型的原始数据类型
         3.while
         4.do...while
         5.for
      7.JS特殊语法
         语句以分号结尾，如果一行只有一条语句，可以省略
         变量的定义可以使用var关键字，也可以不使用
         用var:定义的变量是局部变量
         不用var：定义的变量是全局变量
2.基本对象
Function：函数（方法）对象
   1.创建
var fun = new Function (形式参数列表，方法体)
   2.方法
   3.属性
   4.特点
**在JS中，方法的调用值和方法的名称有关，和方法的参数列表无关
*在方法声明中有一个隐藏的内置对象（数组），arguments封装所有的实际参数
   5.调用
方法名称（实际参数列表）
Array：数组对象
1.在JS中，数组元素类型可以改变的。
var arr=new Array ["abc",1,true];

Golbal
1.特点：
全局对象，这个Global中封装的方法不需要对象就可以直接调用。
2.方法：
encodeURL():url编码
decodeURL():url解码

encodeURLComponent():url编码
decodeURLCompoment():url解码

3.URL编码：

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2