JS第一天笔记

JS 简介 第一天 // 控制浏览器弹出一个警告框 // alert(“这是我的第一个js代码”)

/* *document.wtite(可以向body中输出一个内容) // document.write("看我出不出来~~" ) * */ // 向控制台输出一个内容 // console.log("你猜我在哪里出来?")

js书写三种样式

1.内联样式

<!-- 可以将js代码编写到标签的onclick属性中 当我们点击时候 js代码才会运行 虽然可以写在标签的属性中,但是属于结构于行为耦合 不方便维护 不推荐使用 <button onclick="alert('你点我干嘛!'); ">点我一下</button> <!-- 可以将js代码写在超链接herf属性里面 点击就会执行js代码 --> <a href="javascript:alert('让你点你就点!');">你也点我一下</a> <a href="javascript:;">你也点我一下</a>

2.内部样式 3.外部样式 可以将js代码编写到外部js文件中 然后通过script标签来引入 写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制 推荐使用的方式

<!-- 一旦引入外部的js文件 就不能在其中中间继续编写代码 如果需要 可以在写一个script标签用于编写内部代码 --> <script src="./script.js"></script>

JS注释 单行注释// 多行注释/* */ 1.严格区分大小写 * 2.js中每一条语句以;结尾如果不写浏览器会自动修复 (不建议) * 会占用浏览器资源 * 3.js会忽略多行空格和换行 所以可以利用来进行格式化代码(美化)

字面量和变量 字面量: 都是一些不可改变的值 比如:123456789 字面量都是可以直接使用的 但是我们不建议这样使用

变量: 变量可以用来保存字面量 而且是可以随时变化的 更加方便我们使用,所以在开发中我们都是通过变量来保存字面量 而很少使用字面量 可以通过变量来对字面量进行描述 // 声明变量 // 在JS中使用let关键字来声明一个变量 let a; // 为变量赋值 a = 333; // 声明和变量可以同时进行 let a = 456; let age = 50; console.log(a);

标识符 在js中所有的可以有我们自主命名的都是标识符 例如:变量名.函数名.属性名都属于标识符 命名一个标识符需要遵守以下规则: 1.可以使用字母.数字._ 和美元符号 2.不可以使用数字开头 3.标识符不能使用Es中的关键字和保留字 4.一般都采用驼峰命名法 首字母小写,每个单词的首字母大写,其余字母小写 helloWorld js底层保存标识符实际上是采用的utf-8编码 所有utf-8编码中的字符都可以使用 var a23$ =123;

// var var = 111; 报错 console.log(a23$); // var 日本 = 222; // console.log(日本); 不建议使用(不合理)

数据类型 在js中一共有六种数据类型 就是字面量的类型 1.string 字符串 2.Number 数值 3.Boolen布尔值 4.NUll 空值 5. Nudefined未定义 6. Object 对象 string Number Boolen NUll Nudefined都是基本数据类型 Object是引用数据类型

string字符串 1.在js中字符串需要使用引号引起来 2.不可以同类嵌套使用 (双引号不能放双引号 单引号不能放单引号)但是俩者可以一大一小 3.可以使用单双引号 在字符串中可以使用转义字符\来表示 使用\" 来表示一个 " 使用\' 来表示一个' \n 表示换行 \t 表示制表符 相当于一个TAB \\ 表示一个\

var str = 1111; // var str = " “今天看电影”" 报错

var str = "我说 \"\n今天看电影\"" var a = "\\\\" // 输出字符串字面量 Str // console.log("str") // 输出变量 console.log(str); alert(a);

number数据类型 在js 中所有的数值都是Number类型 包括整数和小数(浮点数)

js中可以表示数字的最大值是 Number.MAX_VALUE 1.7976931348623157e+308 如果表示的值超出最大值时候 则会返回一个infinity 表示正无穷 Number.MIN_VALUE 大于0的最小值 5e-324 可以用一个运算符来检查类型typeof 是数字返回Number 是字符串返回string 使用typeof来检查infinity返回一个number NaN是一个特殊的数字 表示Not A NaN 使用typeof来检查一个NaN也会返回一个number 在js中进行整数的运算时一般精确 进行浮点型运算时 可能得到一个不精确的结果 所以千万别用js进行一些精确度极高的运算 var a = 123; var b = "123"; console.log(typeof a); console.log(b); console.log(Number.MAX_VALUE ) console.log(Number.MIN_VALUE) var a = 11111111111+111111111111; console.log(a); var a = 0.1 + 0.2; console.log(a)

布尔值:boolen 只有俩个值:主要用来逻辑运算 1.true 真 2.flase 假 使用typeof来检查是否是boolen类型 var a = true; console.log( typeof a);

Null值只有一个(表示空值) 就是Null(类型就是Object) 专门来表示一个为空的对象 使用typeof来检查类型时候会返回一个object

undefined值只有一个就是undefined 当我们声明一个变量时 并不给他赋值时他的值就是undefined 使用typeof来检查 也会返回一个undefined

var a = null; console.log( typeof a);

var b ; console.log( typeof b);

转换类型的概念:将一个数据类型强制转换为其他数据类型

主要指将其他数据类型转换为String Bollen Number 将其他数据类型转换为String 方式一: 调用被转换类型的toString()方法 该转换不会影响到原变量 他会将结果返回 如果调用NUll和Undefined会报错 方式二: 调用String()函数 将转化的类型作为参数传递给String()函数 对于Number值和Boolean值实际上就是调用to-String方法 对于NUll和Undefined就不会使用to-string方法 而是将Null值直接转换为"Null" 以及将Undefined值转换为"Undefined"

将其他数据类型强制转换为Number类型 方式一: 对于Number转换类型我们可以使用Number()函数方法 String------->Number 1.对于String中只有整数值 则会转换为数值 2.对于有非数值的直接转换为NaN 3.对于有空格和多个空格的直接转换为0

Boolen---->Number 直接将true转换为1 flase 转换为0 Null----->Number 直接转换为0 Undefined----->Number 直接转换为NaN(表示不是数字) 方式二: 针对String字符串类型 可以使用parseInt()函数 可以将一个字符串中有效的整数取出来 然后转换为Number parseFloat()函数是针对浮点数(小数) 取出来有效的小数 对于其他类型使用parseInt()函数或parseFloat()函数会直接转换为NaN 因为是先将他们转换为String类型 在进行转换所以为NaN

将其他类型转换为boolean * 使用Bollean()函数类型 * 数字---->布尔 * 1.除了0和NaN都是true * * 字符------>布尔 * 除了空格都是true * * Null和Undefined都是false * * Object 对象也是true