zoukankan      html  css  js  c++  java
  • JS学习笔记

    一、JS的编写位置

    1.编写到script标签中
                <script> js代码 </script>
    2.编写到外部的js文件中
                <script src="xxx.js"></script>
    3.编写到标签的指定属性中
                <button onclick='js代码'></button>
                <a href="javascript:js代码"></a>

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<!--1. 可以直接将js代码编写在script标签中-->
    		<!-- <script type="text/javascript">
    			alert('ok')
    		</script> -->
    		
    		<!--
            2. 可以将js代码编写在外部的js文件中,然后通过script标签进行引入
                script标签要么用来引入,要么用来写代码
        -->
    		<!-- <script src="app.js"></script> -->
    		
    		
    	<body>
    		<!--
    		    3. 还可以将js代码编写在标签的指定属性中  onmouseenter鼠标移入触发事件
    		-->
    		<button onmouseenter="alert('哈哈')">按钮</button>
    		<!--
    		    4. 可以将js代码编写在href属性后边的,以javascript: 开头
    		-->
    		<a href="javascript:alert('wdnm')">a标签</a>
    	</body>
    </html>

    二、JS的输出语句

    警告框:
                alert('xxx');
    在控制台输出日志 ***** :
                console.log('xxx');
    在网页中打印内容:
                document.write('xxxx');

    三、字面量和变量

     - 字面量
                - 字面量就是一个一个的值,像1、2、'hello'、true、NaN ...
                - 所有的字面量在JS中都可以直接使用,但是一般不会这么做

    - 变量
                - 变量用来存储值,一个变量可以用来“存储”任意值
                - 并且变量中“存储”的值可以任意修改
                - JS中的变量并没有直接存储值,而是存储值的内存地址
                - JS中的变量更像是一个值的别名

     - 变量的使用
                - 声明变量:
                    let 变量名;
                    var 变量名;(老版本)

                - 为变量赋值
                    变量名 = 值;

                - 声明和赋值同时进行
                    let 变量名 = 值;
                    var 变量名 = 值;

                - 声明常量
                    const 常量名 = 值;
                    - 常量只能进行一次赋值

    - 标识符
                - 在js中所有可以自主命名的内容都可以认为是标识符
                        像:变量名、函数名、类名、(属性名)
                - 规范:
                        1.标识符中可以含有字母、数字、_、$,但是不能以数字开头
                        2.标识符不能是js中的关键字和保留字,也不建议使用js中的函数、变量名作为标识符
                        3.标识符采用驼峰命名法
                            小驼峰
                                - 首字母小写,每个单词开头大写,其余小写
                                - xxxyyyzzz --> xxxYyyZzz
                            大驼峰(类名)
                                - 首字母大写写,每个单词开头大写,其余小写
                                - xxxyyyzzz --> XxxYyyZzz

    四、基本数据类型(不可变类型)

    1.string(字符串)

            - JS中的字符串使用引号引起来,单双都行,但是不要混合
                    - 同类型的引号不要发生嵌套
                    - 转义字符串,js中使用 \ 作为转义字符
                        \' -->  '
                        \" -->  "
                        \t -->  制表符
                        \n -->  换行
                        \\ -->  \

            - 模板字符串(新增的)
                        - 使用 `(反单引号)来表示模板字符串
                        - 模板字符串可以跨行使用,并且在模板中可以直接嵌入变量
                        - 例子:
                            let str = `xxxx ${变量}`;

                    - 使用 typeof 检查一个字符串时,它会返回 'string'

    2.number(数值)

              - 在js中所有的整数和浮点数(小数)都是number类型
                    - 特殊的数字:
                        Infinity (无穷)
                        NaN (非法数字)
                    - 其他进制的数字
                        二进制:0b开头
                        八进制:0o开头
                        十六进制:0x开头
                    - 在js中可以确保大部分的整数运算取得一个精确的结果(别太大)
                        小数运算可能会得到一个近似值,所以不要直接在js中进行精度要求高的运算

                        - 使用typeof检查数字时,会返回 'number'

                    - 大整数(bigint)
                        - ES2020中新推出的数值类型,大整数需要以n结尾。
                        - 使用typeof检查大整数时,会返回 'bigint'

    3.boolean(布尔值)

              - 布尔值用来进行逻辑判断,布尔值只有两个:
                        true   表示真
                        false  表示假
                    - 使用typeof检查boolean时会返回 'boolean'

                - null(空值)
                    - 空值用来表示一个空的对象,只有一个值
                        null
                    - 使用typeof检查空值时,返回'object'

                - undefined(未定义)
                    - 未定义用来表示声明但没有赋值的变量,只有一个值
                        undefined
                    - 使用typeof检查未定义时,会返回 'undefined'
                    - 一般我们不会主动使用undefined

  • 相关阅读:
    [Leetcode] Flatten Binary Tree to Linked List
    [Leetcode] Letter Combinations of a Phone Number
    [Leetcode] Distinct Subsequences
    [Leetcode] Partition List
    [Leetcode] Reverse Linked List II
    [Leetcode] Swap Nodes in Pairs
    [Jobdu] 题目1391:顺时针打印矩阵
    [Jobdu] 题目1369:字符串的排列
    [Jobdu] 题目1283:第一个只出现一次的字符
    如何应用ML的建议-下
  • 原文地址:https://www.cnblogs.com/ray064/p/15757358.html
Copyright © 2011-2022 走看看