初识javaScript

wzx_bk

已于 2022-11-05 11:20:26 修改

阅读量41

点赞数

文章标签： javascript 前端

于 2022-09-26 21:11:20 首次发布

本文链接：https://blog.csdn.net/wzx_bk/article/details/127059646

版权

JavaScript构成：ECMAScript、DOM、BOM

书写格式：

1.写在script标签里面

    <script>
         //语句书写
        console.log('hello world')
    </script>

2.写在js文件里面(推荐)

先创建一个index.js文件

    console.log('hello world')

引入这个.js文件

   <script src="./index.js"></script>

3.书写对应的事件属性里面

 <a href="#" onclick="alert('hello world')"></a>

变量定义（使用var关键词定义）

var 变量名 = 值

例：var number = 10

变量名书写：（见名知意）

1.只能是对应的字母或者数字或者下滑线等字符（不能以数字开头）

2.一般采用驼峰命名法（helloWorld 采用单词拼接第一个单词首字母小写其他单词首字母大写）

3.不能使用关键词（占用之前的关键词的引用空间）

4.普通变量首字母小写常量全大写（const）

注释：

单行Ctrl+/

// 单行注释

多行Shift+Alt+a

/*
    多行注释
*/

数据类型(值类型基本数据类型)

number类型（所有的数值 1 2 3...）

字符串类型 String （单引号双引号都是字符串 'a' 'b' "c"）

boolean类型（true false）

null 空类型（是null值的情况）

undefined 未定义（当前没有给值）

object （对象类型引用数据类型）

使用typeof来查看对应的类型（基本数据类型返回的是对应的类型名 null类型object）

//类型查看 typeOf 查看对应的类型的 null显示的是object （undefined是对应的null的对象扩展）
console.log(typeof number1);
console.log(typeof bool);
console.log(typeof un);
console.log(typeof nl);
console.log(typeof str);

类型转换

number类型转为string类型

//将对应number类型转为string类型
var str1 = number1.toString()

string转为number （显式转换）

1.Number方法（直接转number类型）

2.使用parseInt方法（转整型）

3.使用parstFloat方法（转小数）

var str2 = "1a123.12a"
console.log(Number(str2));//当你将一个内容转为的数值过程中无法被解析就会出现NaN
//从前到后拿出里面的数值 前面没有数值变成NaN
console.log(parseInt(str2));
console.log(parseFloat(str2));

isNaN 是NaN返回true不是返回false（not a number）

var a = 10
console.log(isNaN(a)) //false
var str = 'abc'
console.log(isNaN(Number(str)))//true

无穷大无穷小（Infinity）

无穷大 var max = Infinity

无穷小 var min = -Infinity

将字符串转为对应的boolean类型

Boolean方法转为布尔类型

var str = "abc"
//转为boolean类型 非空就是true 空字符串表示false
var b = Boolean(str) //true
var b1 = Boolean('') //false

将number转为布尔类型

var number1 = 10
//number转布尔 非0和非NaN则为true   NaN和0就是false
console.log(Boolean(number1))//true
console.log(Boolean(0))//false
console.log(Boolean(NaN))//false

将undefined和对应的null转为boolean（false）

var un
console.log(Boolean(un)) //false
console.log(Boolean(null)) //false

将boolean类转为number类型（false 0 true 1）

console.log(Number(true)) //1
console.log(Number(false)) //0

将对应的undefined和null转为number

var un
console.log(Number(un)) //NaN
console.log(Number(null)) //0

运算符和表达式

算术运算 : + - * / % ++ --

逻辑运算 : && 与（同true则为true） || 或（有true就是true） ! 非（取反）

比较运算: > < >= <= == != ===(全等，同类型且同值)

赋值运算: = += -= /= *= %=

位运算: >> 右移 << 左移 ~~ 去掉小数

计算顺序先算括号里面的 ++或--再进行乘除取余再进行+- 再进行比较运算再逻辑运算再进行赋值

三元运算符（三目运算符：表达式（boolean类型表达式）? true的内容 :false的内容

number保留几位小数的方法：toFixed()

var number1 = 3
var number2 = 10
//默认的大小16位 整数位也是16位 超出不能显示（问题）
console.log(number2/number1);
//保留小数(方法会优先调用) 转成字符串
console.log((number2/number1).toFixed(3));

今日总结：JavaScript书写的三种方式与css引用层叠样式表的方法一样，但JavaScript的script标签可以放在任意位置，定义变量用var，查看对应类型用typeof，

number类型转string类型

例： var str = number.toString()

string转为number （显示转换）

1.Number方法（直接转number类型）

2.使用parseInt方法（转整型）

3.使用parstFloat方法（转小数）

当一个内容转为数值的过程中无法被解析就会出现NaN，isNaN是NaN就返回true，否则返回false。

将字符串转为对应的boolean类型：非空就是true，空字符串表示false

运算符和表达式

自增和自减的前置和后置的区别

前置先执行对应的++（--）再执行对应的代码