JavaScript

最新推荐文章于 2022-08-22 15:43:39 发布

Hua_mu

最新推荐文章于 2022-08-22 15:43:39 发布

阅读量587

点赞数

分类专栏：学习笔记文章标签： javascript js

本文链接：https://blog.csdn.net/Hua_mu/article/details/118879832

版权

学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

JavaScript

第一章

1.1入门JS代码

弹出警告窗口

alert("这是一个警告窗口");

浏览器在页面中输出一个内容

document.write("看我出不出来");

向控制台输出一个内容

jconsole.log("看我在哪出来");

引用外部JS格式文件

/*
在head标签里面写入script标签
*/
<head>
    <script src="../**.js">
    </script>
</head>

想要同时进行两个alert警告

<script>
    alert("1");
    </script>
<script>
    alert("2");
</script>

注意事项：

JS严格区分大小写
JS代码以分号 ’ ; '结尾，不写分号浏览器会自己加上，但会消耗资源并且可能加错
JS会忽略多个空格和换行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="回收站/Untitled-1.js">
            //控制浏览器弹出一个警告框
            // alert("这是我的第一行JS代码");
            // 让计算机在页面中输出一个内容
            // document.write("看我出不出来");
            // 向控制台输出一个内容
            // console.log("看我在哪出来");
        </script>
        <script>
            alert("我是内部");
        </script>
        <script>
            /*
            *JS注释
            *多行注释，注释中的内容不会被执行，但是可以在源代码中看到
            
            *注意：
            
            *JS严格区分大小写
            JS中的每一条语句以分号；结尾，
            不加分号浏览器会自动添加，但会小号一些系统资源
            JS中会忽略多个空格和换行



            */
        </script>
    </head>
    <body>
        <button onclick="alert('讨厌，你点我干嘛');">点我一下</button>
        <a href="javascript:alert('让你点你就点！！！');">你也点我一下</a>
        <a href="javascript:;">你也点我一下</a>

    </body>
</html>

1.2数据类型

String 字符串

Number 数值

Boolean 布尔值

Null 空值

Undefined 未定义

Object 对象

其中string Number Boolean Null Undefined属于基本数据类型

Object属于引用数据类型

1.2.1String字符串

-	在JS中用单引号或双引号引起来

var str = " hello!";
console.log("str");

引号不能嵌套

可以在单引号里面用双引号

str = '我说：“今天天气不错”'

转义字符

用斜杠表示
```
str = "我说：、“今天天气不错！、”"
```
\\表示斜杠\

var只在第一次声明的时候写

检查数据类型

var a="123";
console.log(type a);

JS 中可以表示数字的最大值

console.log(Number.MAX_VALUE);

表示的数字超过了最大值

infiniy

输入不是数字

NaN not a number

进行浮点运算

可能会的到一个不精确的结果

var c = 0.1+ 0.2;
conslole.log(C);

1.2.2Boolean

var bool = false;
console.log(type bool);
comsole.log(bool);

1.2.3Null

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

用typeof检查时会返回object

1.2.4Undefined

声明一个变量但是不给它赋值时他的值就是undefined

var a = null;
var b = undefined

console.log("b");

1.2.5强制类型转换

/*
将其他的数据类型转换成string Number Boolean
*/
/*
转换成string
	方法一：
		-调用被转换数据类型的toString 方法
		-该方法不会影响原变量，他会将结果返回
		-但是注意：null 和imdefined这两个值没有toSting 方法
	方法二：
		-调用String（）函数
		var a = 123;
		a = null;
		a = String(a);
	对于Number和Boolean实际上就是调用的toString()方法
	但是对于null和undefined，就不会调用toString();方法
	他会将null直接俄转换成"null";
	将undefined直接转换成"undefined"
	字面量转换成字符串
		
*/
var a = 123;
var b = a.yoString;
//a = a.toString();
console.log(typeof a );
console.log(a);

字符串转换成number

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
<script>
    //转换number
    var a = "123";
    a = Number(a);
    console.log(typeof a);
    console.log(a);
    /*
    * 转换方式一：
    *   使用Number();
    *   1.纯数字的字符串转换，肢解成数字
    *   2.有非数字的内容，转换成NaN
    *   3.空串转换成0
    *   4.空格转换成0
    * */
    a = false;
    a = Number(a);
    console.log(a);
    console.log(typeof a);
    /*
    boolean转数字分别是1/0
     */
    a = null;
    a = Number(a);
    console.log( a);
    /*
    * 0
    * 
    *Undefined转换NaN
    *
    * 转换方式二：
    *   -这种方式专门对付字符串
    *   - parseInt()把一个字符串有效整数取出来，转换成Number
    *   - parseFloat()把一个
    * */
a = "123.5555px";
a = parseFloat(a);
console.log(a);
console.log(typeof a);
    /**
     * 对非String使用parseInt()或parseFloat()
     * 它会先将其转换成String然后再操作
     */
    /
</script>

</head>
<body>
</body>
</html>

某些进制的表示方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
<script>
    /**其他进制的数字
     *
     * 注意：
     * 表示16进制的数字，需要以0X开头
     * 表示8进制的数字，需要以0开头
     * 表示2进制的数字，需要以0b开头
     */
    a = 0X10;
    console.log(a);
    a = 0xff;
    console.log(a);
    a = 0b100;
    console.log(a);
    //像070可能被认错
    
    a = parseInt(a,10);
    //表示这是10进制
</script>
</head>
<body>
</body>
</html>

转换为Boolean

/*
    * 将其他数据类型转换为Boolean
    *   -使用Boolean()函数
    *       数字除了0和NaN，其余都是true
    *   -字符串除了空串，其余都是true
    *   -null和undefined都是false
    *   -对象也会转换为true
    * **/
    var a = " ";
    a = Boolean(a);
    console.log(a);
    console.log(typeof a);

1.3运算符

 /*
    * 运算符也叫操作符
    *   通过运算符可以对一个或多个值进行运算
    *   比如：typeOf就是运算符，可以获得一个运算结果
    *   会将该类型的指以字符串的类型返回
    *   number string  boolean  undefined  object
    *
    * 算术运算符
    *   + - * / %
    *运算非数字类型时，会先将其转换成数字在运算
    * 任何值与NaN做运算，结果都是NaN
    * 任何值和字符串做加法运算，都会先转换成字符串，然后再运算
    * */
    /**
     * 我们可以利用这一点
     *
     * c = c + "";
     * 相当于
     *  c = String(c);
     * 空串也是字符串
     * */
    /*
    * 任何值做- * / 运算时都会自动转换为Number
    * 可以利用这个特点做隐式类型转换
    *
    * var d ="123";
    * d = d - 0 ;
    * 等价于d = Number(d);
    *
    * **/
    var a=124,b=5345;
    var result = a+b;
    console.log(result);
    var c="fef",m="frsf";
    var r = c+m;//拼装
    console.log(r);
    var str ="zcvb",p = "b";
    var l = str-p;
    console.log(l);

Hua_mu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript

JavaScript第一章1.1第一行JS代码弹出警告窗口alert("这是一个警告窗口");浏览器在页面中输出一个内容document.write("看我出不出来");向控制台输出一个内容jconsole.log("看我在哪出来");引用外部JS格式文件/*在head标签里面写入script标签*/<head> <script src="../**.js"> </script></head>想要同时进行
复制链接

扫一扫