JS基础-1

点击获取课程视频及实例资料

JS注释

  • 单行注释:在注释内容前加上//
// 注释内容
  • 多行注释:与CSS相似使用/**/包裹
/*
注释内容
注释内容
注释内容
*/

JavaScript学习要求
1.必须明白每一条语句的作用。
2.必须每条语句加上注释。
3.必须按照流程写代码。

常量--不变的量

  • 数字常量--与数学表示方式完全一致
1
2.3
-3
  • 文字常量(字符串)
    使用英文双引号包起来。
"abcd"
"1"
"汉字"

如果在字符串中使用英文双引号,在英文双引号前加上斜线\,其中\"是英文双引号的转移字符。例如:

"JavaScript是一门\“非常重要\”的语言"

三个对话框

  • 警告框函数alert(参数);
    作用:弹出警告框,把参数内容显示在警告框上。
alert("你好");
  • 确认框函数confirm(参数);
    作用:确认警告框,把参数内容显示在确认框上。
confirm("你是学生吗?");
  • 提示框函数prompt(参数);
    作用:弹出提示框,把参数内容显示在提示框上。
prompt("请输入姓名:");

三个对话框的区别

对话框 特点
警告框alert 只有一个确认按钮
确认框confirm 有一个确认和取消按钮
提示框prompt 有一个确认和取消按钮,以及一个输入框

每个浏览器显示对话框的方式是不一致的。

变量 -- 变化的量

|概念|作用|语法|例子|
|:-|:-|:-|
|声明|新建一个变量,并且给这个变量起名字。|var 变量名;|var val;|
|赋值|给变量一个值|变量名 = 值;|val="test";|
|定义|声明并赋值|var 变量名 = 值;|var val="test".|

声明的注意事项

  1. var与变量名之间必须有一个空格。
  2. 在声明后面要有一个英文分号。

赋值的注意事项

  1. 值可以是常量,也可以是变量中的值。
  2. 如果变量没有赋值,里面是undefined,意思是里面没有值。
  3. 在赋值后面要有一个英文分号。

定义的注意事项

  1. var与变量名之间必须有一个空格。
  2. 在定义后面要有一个英文分号。

变量名规则

  1. 英文数字下划线(不能是中划线,也不能是汉字)。
  2. 数字不能开头。
  3. 变量名不能重复。
  4. 变量名不能是关键字。例如var undefined
  5. 变量名不能是函数名。例如alert confirm prompt

多个变量同时定义

var test1 = 1,
      test2 = 2,
      test3 = 3;

注意:

  1. 只在开头使用一个var关键字
  2. 最后一个变量定义的结尾使用分号,其他的使用逗号。

运算式

运算式 运算数个数 运算数类型 运算符 结果类型
算术运算 2个 数字 +(加) -(减) *(乘) /(除) %(取余) 数字
关系运算 2个 数字 ==(等于) >(大于) <(小于) !=(不等于) >=(大于等于) <=(小于等于) 布尔
逻辑运算

优先级

  1. 算术运算优先级与数学中的优先级一样,乘除高于加减。
  2. 算数优先于关系运算。
  3. 可以使用()改变优先级。

字符串中的加号

字符串中的加号可以连接前后两个字符串。
注意:

  • 当运算符两边的运算数,有一个是字符串的时候,做连接操作,当都是数字的时候,做加法操作。
1+"2" // 结果"12"
"5"+6 // 结果"56"
3+6 // 结果9
  • 加号运算顺序是从左到右的。(无论加法还是连接)
2+3+"6" // 结果 56
2+"4"+5 // 结果"245"

赋值与运算的优先级:先运算后赋值

变量定义或者赋值的等号右边可以是运算式,运算式的值,就是变量的值。

var a = 1+3;
var b = a+6;
var c = b>=7;

小知识

  • prompt有个返回值,当单击确定按钮后,返回值可以给变量。如果单击取消,返回一个nullnull 是一个关键字表示无没有。

  • 转移字符\r\n表示回车换行。

最佳实践
何时使用数字,何时使用字符串?如果需要参与数学运算就需要数字,反之,可以使用字符串。


作业

使用对话框完成如下功能:

  1. 弹出警告框,显示【你好,我是XXX】
  2. 弹出提示框,显示【请输入你的名字?】
  3. 弹出确认框,显示【你的名字是XXX?】
  4. 弹出提示框,显示【请输入你的年龄?】
  5. 弹出确认框,显示【你的年龄是XXX?】
  6. 弹出提示框,显示【请输入你的住址?】
  7. 弹出确认框,显示【你的住址是XXX?】
  8. 弹出提示框,显示【请输入你的电话?】
  9. 弹出确认框,显示【你的电话是XXX?】
  10. 弹出警告框,显示【你好,XXX,你的年龄XX 住址XXX 电话XXX】

点击获取课程视频及实例资料

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js的历史 在上个世纪的1995年,当时的网景公司正凭借其Navigator浏览器成为Web时代开启时最著名的第一...
    LaBaby_阅读 1,911评论 0 2
  • js介绍 js全称是javascript,是一种面向对象的,事件驱动的,松散型,解释性语言。 js的作用 1、验证...
    愿长睡不醒阅读 1,384评论 0 0
  • 近期开始接触学习extjs框架。该框架是基于JavaScript的。为了更好地理解学习extjs,必然需要先对Ja...
    六尺帐篷阅读 4,212评论 2 13
  • 在方所买了一本《如何看一幅画》。 今天随手翻了开头,书非常不错,尽量绕开美术专业理论和术语,告诉你如何凭借自己的直...
    芷菱阅读 2,929评论 0 0
  • 我写这篇文章不是想讽刺谁,埋怨谁不好,而是觉得有些幸福,对比之后,才觉得需要珍惜。 来到读研的新学校已经快一学期,...
    Megan颀阅读 3,741评论 0 1