js

http://houdunren.gitee.io/note/js/1%20%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86.html#tdz

1.<script></script>:一般放在最下边(因为防止逻辑错误而导致下面的html代码运行不了)
2.console.log("。。") 【打印在控制台,多用于调试】
3.注释 //和/**/
4.变量声明:var(不推荐,会进行变量提升,没有块作用域,可能会造成全局污染)、let(定义变量)、const(定义常量)【后面两个:具有块作用域、不进行变量提升)】
5.Chrome——控制台:ctrl+shift+i/F12
6.网页在运行js代码时,先全局解析后显示,如果有一步错误则会报错
7.可以使用"use strict"来防止var造成全局污染
8.变量提升是什么:

console.log(web)
var web = "baidu.com";
相当于:
var web;
console.log(web);
web = "baidu.com";

即输出的是undefined

9.js的运行流程


image.png

10.代码总结

html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>JavaScript</title>
    </head>
    <body>
        <h1>JavaScript</h1>
        <!-- <script src="1.js"> 跳转到1.js-->
        <script>
            
            const a = 1; 
            const a = 2; //一被定义
            document.write(a);
            
            //逗号间隔多个
            let web = "123",
            name = "你好",
            url = "houdn.com";
            console.log(url) ;console.log(web); console.log(name); 
            
            //变量连等
            let web = url =name ="san";
            
            console.log(window.name);  //99
            
            let web = "ahs";
            console.log(typeof web);    --String
            web = 99;
            console.log(typeof web);    --int
            web = {};
            console.log(typeof web);    --object 

            
            let web = "abc";
            function func(){
                //此语句必须放在调用语句之前,否则报错;若是var则可通过编译,因为var会进行变量提升
                let web ="abcd";
                console.log(web);
                /* console.log(web);
                let web = "abcc";
                error:未定义web*/
                /* console.log(web);
                var web = "abcc";    
                ——输出undefined*/
             }
            func();
            

            let web = "abc";
            function func(){
                //此语句必须放在调用语句之前,否则报错;若是var则可通过编译,因为var会进行变量提升
                let web ="abcd";
                console.log(web);
            }
            func(); //输出abcd
        </script>
        //下面方法若用var必须创建方法并且通过window接口调用 
        (function(){
          let $ = (window.$ = {});
          $.web = " hdcms" ;
          let url = "hdcms. com" ;
          let site = "后盾人";
          $.getUrl = function() {
          return url;
          };
        }.bind(window());

         //这里引了1.js
        <script src="1.js"></script>
        <script>
            // {
            //  let web = "abdd";
            // }
            //console.log(url); //error:$ is not defined
        </script>
        <script>
            /* 用let就可以直接使用块作用域来控制调用,
            此时也是需要通过get方法来调用。——即可不用函数作用域 */
            console.log($.getUrl());
            //此时外面可以通过$来调用get方法获得url,立即执行函数可以随便定义变量,不用担心变量对我们进行污染
        </script>
    </body>
</html>

js

// let a = "1.js";
// console.log(a);
{
    let $ = (window.$ = {});
    $.web = " hdcms" ;
    let url = "hdcms. com" ;
    let site = "后盾人";
    $.getUrl = function() {
    return url;
    };
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容