初始javascript（一）

最新推荐文章于 2021-11-17 19:42:45 发布

haha9417

最新推荐文章于 2021-11-17 19:42:45 发布

阅读量176

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/haha9417/article/details/104229338

版权

java 专栏收录该内容

34 篇文章 1 订阅

订阅专栏

javascript

1.1、概述

javaScript是一门世界上最流行的脚本语言

一个合格的后端人员，必须要精通 JavaScript

1.2、历史

可以看https://www.w3school.com.cn/js/pro_js_history.asp

ECMAScript它可以理解为是JavaScript的一个标准

最新版本已经到es6版本~

但是大部分浏览器还只停留在支持 es5 代码上！

开发环境—线上环境，版本不一致

2.快速入门

2.1引入

1.内部标签

<script>
    //......
<script>

2.外部引入

abs.js

//。。。

test.html

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

测试代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--script标签内，写Javascript代码-->
    <!--<script>-->
        <!--alert('hello,world');-->
    <!--</script>-->


    <!--外部引入-->
    <!--注意：script标签必须成对出现-->
    <script src="js/qj.js"></script>


    <!--不用显示定义type，也默认就是 javascript-->
    <script type="text/javascript">

    </script>


</head>
<body>

<!--这里也可以存放-->
</body>
</html>

2.2基本语法

<!--JavaScript严格区分大小写！-->
<script>
    // 1. 定义变量    变量类型  变量名  = 变量值;
    var score = 71;
    // alert(num);
    // 2. 条件控制
    if (score>60 && score<70){
        alert("60~70")
    }else if(score>70 && score<80){
        alert("70~80")
    }else{
        alert("other")
    }

    //console.log(score) 在浏览器的控制台打印变量！ System.out.println();
    /*
        * asdasdasd
        * */

</script>

2.3、数据类型

数值，文本，图形，音频，视频

变量

var 王者荣耀 = "倔强青铜";

number

js不区分小数和整数，Number

123 //整数123
123.1 // 浮点数123.1
1.123e3 //科学计数法
-99    //复数
NaN    // not  a  number
Infinity //表示无限大

字符串

’abc‘ “abc”

布尔值

true ， false

逻辑运算

&& 两个都为真，结果为真

|| 一个为真，结果为真

! 真即假，假即真

比较运算符！！！！重要！

=
==  等于（类型不一样，值一样，也会判断为true）
===   绝对等于(类型一样，值一样，结果true)

这是一个JS的缺陷，坚持不要使用 == 比较

须知：

NaN===NaN ，这个与所有的数值都不相等，包括自己
只能通过 isNaN(NaN) 来判断这个数是否是 NaN

浮点数问题：

console.log((1/3) === (1-2/3))

尽量避免使用浮点数进行运算，存在精度问题！

Math.abs(1/3-(1-2/3))<0.00000001

null 和 undefined

null 空
undefined 未定义

数组

java的数值必须是相同类型的对象，js中不需要这样！

//保证代码的可读性，尽量使用 []
var arr = [1,2,3,4,5,'hello',null,true];

new Array(1,12,3,4,4,5,'hello');

取数组下标：如果越界了，就会

undefined

对象

对象是大括号，数组是中括号~~

每个属性之间使用逗号隔开，最后一个不需要添加

//Person person =  new Person(1,2,3,4,5);
var person = {
    name: "qinjiang",
    age: 3,
    tags: ['js','java','web','...']
}

取对象的值

person.name
> "qinjiang"
person.age
> 3

2.4严格检查格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--
    前提：IEDA 需要设置支持ES6语法
    'use strict'; 严格检查模式，预防JavaScript的随意性导致产生的一些问题
    必须写在JavaScript的第一行！
    局部变量建议都使用 let 去定义~
    -->
    <script>
        'use strict';
        // 全局变量
        let i = 1;
        // ES6   let
        
    </script>

</head>
<body>

</body>
</html>

haha9417

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初始javascript（一）

javascript1.1、概述javaScript是一门世界上最流行的脚本语言一个合格的后端人员，必须要精通 JavaScript1.2、历史可以看https://www.w3school.com.cn/js/pro_js_history.aspECMAScript它可以理解为是JavaScript的一个标准最新版本已经到es6版本~但是大部分浏览器还只停留在支持 es5 代码上...
复制链接

扫一扫