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】

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 230,563评论 6 544
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 99,694评论 3 429
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 178,672评论 0 383
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 63,965评论 1 318
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 72,690评论 6 413
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 56,019评论 1 329
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 44,013评论 3 449
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 43,188评论 0 290
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 49,718评论 1 336
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 41,438评论 3 360
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 43,667评论 1 374
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 39,149评论 5 365
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 44,845评论 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 35,252评论 0 28
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 36,590评论 1 295
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 52,384评论 3 400
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 48,635评论 2 380

推荐阅读更多精彩内容

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