Javascript基础学习干货教程(1)

 JavaScript用法

     可以在 HTML 文档中放入不限数量的脚本,可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。HTML 中的脚本必须位于 <script> 与 </script> 标签之间。通常的做法是把函数放入 <head> 部分中,或者放在页面底部

JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言,所以现在已经不必 <script> 标签中使用 type="text/javascript"。

       也可以把脚本保存到外部文件中,。外部文件(.js)通常包含被多个网页使用的代码。 <script> 标签的 "src" 属性中设置该 .js 文件


JavaScript输出

JavaScript 没有任何打印或者输出的函数。JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框:window.alert(5 + 6);
  • 使用 document.write() 方法将内容写到 HTML 文档中。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
  • 使用 innerHTML 写入到 HTML 元素。用于修改元素的 HTML 内容,document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 
  • 使用 console.log() 写入到浏览器的控制台。浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。可以使用 console.log() 方法在浏览器中显示 JavaScript 值。程序中调试是测试,查找及减少bug(错误)的过程。


JavaScript 字面量——固定值

  • 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
  • 字符串(String)字面量 可以使用单引号或双引号
  • 表达式字面量 用于计算
  • 数组(Array)字面量 定义一个数组
  • 对象(Object)字面量 定义一个对象
  • 函数(Function)字面量 定义一个函数


JavaScript 变量及作用域

JavaScript 使用关键字 var 来声明定义变量(不是必须的), 使用等号来为变量赋值,然后通过变量名访问。变量通常是可变的,是一个名称。字面量是一个恒定的值。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头
  • 变量名称对大小写敏感
  • 未赋值声明的变量,值是 undefined
  • JavaScript也使用驼峰命名规则,如 lastName (而不是lastname)。

1. 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。只要函数运行完毕,本地变量就会被删除。函数参数只在函数内起作用,是局部变量。

2. 在函数外声明的变量和在函数内没有声明(没有使用 var 关键字)的变量全局变量,网页上的所有脚本和函数都能访问它。

3. JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。

4. 未声明的变量将被自动作为 window 的一个属性。非严格模式下给未声明变量赋值创建的全局变量,是全局对象的可配置属性,才可以删除。

5. 在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。

6. 在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。全局变量,或者函数,可以覆盖 window 对象的变量或者函数。局部变量,包括 window 对象可以覆盖全局变量和函数

JavaScript 操作符

JavaScript语言有多种类型的运算符:

类型实例描述
赋值,算术和位运算符= + - * /  %   ++    --其中/为除法(非整除)    + 运算符也可用于把文本值或字符串变量连接起来。数字与字符串相加,返回字符串
条件,比较及逻辑运算符== != < >    ===  !=====绝对等于(值和类型均相等),!== 不绝对等于(值和类型有一个不相等,或两个都不相等)

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符:

条件表达式A?表达式B:表达式C复制代码

如果条件表达式A成立,那么执行表达式B,否则执行表达式C。

JavaScript 语句

JavaScript 语句是发给浏览器的命令(告诉浏览器要做的事情。)。语句是用分号分隔,使用分号的另一用处是在一行中编写多条语句。

下表列出了 JavaScript 语句标识符 (保留字) :

语句描述
break用于跳出循环。
catch语句块,在 try 语句块执行出错时执行 catch 语句块。
continue跳过循环中的一个迭代。
do ... while执行一个语句块,在条件语句为 true 时继续执行该语句块。do
{
需要执行的代码
}
while (条件);
for在条件语句为 true 时,可以将代码块执行指定的次数。for (初始;循环开始前执行; 运行循环体的条件; 循环体执行后执行)
{
被执行的代码块
}
for ... in用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。for (x in array){
    循环体
}
function定义一个函数
if ... else用于基于不同的条件来执行不同的动作。if (condition1)
{
当条件 1 为 true 时执行的代码
}
else if ( condition2 )
{
当条件 2 为 true 时执行的代码
}
else
{
当条件 1 和 条件 2 都不为 true 时执行的代码
}

return退出函数
switch用于基于不同的条件来执行不同的动作。switch(n)
 { case 1: 
                执行代码块 1
                 break;
   case 2:   
                执行代码块 2
                 break;
    default:
                 与 case 1 和 case 2 不同时执行的代码
 }
throw抛出(生成)错误 。
try实现错误处理,与 catch 一同使用。
var声明一个变量。
while指定条件为真时循环执行代码块。while (条件)
{
需要执行的代码
}

文本字符串中可以使用反斜杠对代码行进行换行。

可以对 JavaScript 语句进行标记,如果需标记 JavaScript 语句,请在语句之前加上冒号。

通过标签引用,break 语句可用于跳出任何 JavaScript 代码块:

cars=["BMW","Volvo","Saab","Ford"]; 
list: 
{   
document.write(cars[1] + "<br>");   
break list;  
document.write(cars[1] + "<br>"); 
}复制代码


转载于:https://juejin.im/post/5cd8c50ef265da035632512e

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值