day01 初始Javascript

day01 初始Javascript

相关体系内容
一阶段（html+css 网页的布局 相关的动画（网页的seo 搜索引擎优化））
二阶段（JavaScript JavaScript的一些对象以及相关的方法 JavaScript的操作 侧重点在于逻辑 （基础））
三阶段 （应用 框架（vue react））

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

概述

JavaScript是一门脚本语言（web相关），需要浏览器的支持（解析器 谷歌v8引擎），JavaScript是一个弱语言（没有绝对的语法 他的数据类型定义不是由对应的修饰符来定义 而是根据对应的值来定义的
（值什么类型变量就是什么类型）），JavaScript里面由三个内容构成，BOM（浏览器对象模型 操作浏览器）,DOM（文档对象模型 操作html文档的）,ECMAScript（语法规范 es3 （兼容各大主流浏览器）
es5（兼容普通版本浏览器） es6 （兼容相关的高版本浏览器））
JavaScript书写位置

内嵌的JavaScript

<script>
var a =10
</script>

外联的JavaScript通过script标签的src引入
JavaScript的代码执行顺序

从上到下按照对应的文档流

变量定义:

var 变量名 =值

变量注意事项
1.必须语义化命名
2.不能使用关键字和保留字
3.使用驼峰命名法

var userName = 值

4.不能以数字开头但可以用美元符号$或下划线开头_

var user_name =值

javaScript的数据类型(js的数据由他的值来决定)

数值类型 number

字符串类型string(单引号和双引号表示的都是字符串)

布尔类型 Boolean (true 真 false 假)

未定义类型undefined(当前)
undefined是null的派生

var a;
console.log(a) //结果为undefined

空类型只有在null为null值的情况才为null类型

var isNull =null
consloe.log(isNull)

JavaScript的注释

注释是用于标识当前的代码片段的意义 方便之后的开发者进行维护(不会被编译)

单行注释ctrl+/

多行注释shift+ alt +a

typeof用于判断检索对应的数据类型 返回对应的数据类型 返回的是字符串
null object array 返回的都是object的数据类型
其他的返回的都是对应的类型的字符串
function返回的是function
类型转换
数据类型大的转小的是显示转换 小的转大的是隐式转换
string>number>Boolean>undefined>null
任意类型转字符串
toString 方法不能转undefined
String方法可以转undefined
任意类型转number类型
Number方法 是整体转换 当无法转换时转为NaN
parseInt 取整数
parseFloat 取小数 从左往右
注意事项
当任意类型转number类型无法转换时出现NaN
undefined的转number类型 结果为NaN
NaN他本身属于number类型
null转number类型结果为0
isNaN专门用来判断当前是否为NaN类型,如果是则为true ,不是则为false

console.log(isNaN(NaN);//结果为true

任意类型转Boolean类型

string类型转布尔类型 空字符为false ,其他为true .
number类型转布尔类型 0和NaN为false ,其他为true.
undefined和null转布尔都为false.

无穷大 infinity

var number1=+infinity  //无穷大
var number2 =-infinity //无穷小

运算符及表达式

算术运算符

+ - * /

//数值的运算
var number1 = 10
var number2 = 20
console.log(number1+number2);//30
console.log(number1-number2);//-10
console.log(number1*number2);//200
console.log(number1/number2);//0.5
//大数取小数得到的是余数 小的数取大的数得到的是本身(小的数)
console.log(number1%number2);//10
console.log(40%2);//0

任何数值与NaN进行运算的结果都为NaN
如果有字符串+时则为直接拼接
注意事项
1.取余的规则有 大的取小的得到是余数,小的取余大的得到本身
2.字符串的加法运算为拼接
3.其他的任意运算操作都会转为number类型计算
4.任何数值与undefined的相加都为NaN(undefined的计算时会转为NaN)
++和–

++自增

var number = 10
number++ //number=number+1
console.log(number)//11

–自减

var number = 10
number-- //number=number-1
console.log(number)//9

++前置与后置的区别
在运算符内++前置会运算完了再赋值
++后置会等赋值结束后再进行++的操作

var a =10
a++;
++a;  //这时a的结果就会12了
var b = ++a + a++
此时b 的结果  13+ 12  

逻辑运算符

&&  || !

&& 有一个为假则返回最后一个假,两个为真则返回第一个真
|| 如果都为假则返回最后一个假,有一个为真 取第一个为真
!取反操作,讲对应的真假调换

条件运算符

> <  >= <= == === != !==   A 65 a 97

注意事项
1.undefined ==null undefined不全等于null
2.字符串之间的比较直接比较ascii码
3.在对应非数值的比较上会自动转为数进行比较
4. NaN ==NaN结果为false
5. 全等是基于 = =之上的(= =只比较值 ===要比类型)

位移运算符

<< >>

位移运算是将对应的数值转为二进制进行移位运算（将一个数值转为二进制使用除二取余法）

// 怎么快速把2变成8 后面补零

扩展内容（进制转换）

常用的进制分为 2进制 4进制 8进制 16进制（颜色设置 最的值为f）
将对应的10进制转为其他进制得到的是字符串 toString

var number = 8
console.log(number.toString(2))

将其他进制转为10进制得到就是数值 parseInt

var str = '1f' //16进制的字符串
console.log(parseInt(str,16))//将16进制转为10进制