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;
};
}