文章目录
目录
前言
由于我现在在学javascript所以博客内容也是从javascript开始，后续有时间的话我会把前面的html、css的基础的学习笔记补充到博客，本篇博客主要记录了我对javascript简介、书写位置、变量声明及命名规则的学习理解、最后还做了一个javascript小例子。
一、什么是Javascript？
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
后来，JavaScript被Netscape公司交给ECMA制定标准，成为ECMAScript，最新版ECMAScript6（简称ES6）已经在2015年6月正式发布了。
二、Javascript与Java的关系
当初的JavaScript 起名为LiveScript，后来Java语言非常红火，网景公司希望借助Java的名气来推广，改名为JavaScript，两者之间的关系就好比周杰和周杰伦、雷峰和雷峰塔的关系。
三、 JavaScript的组成及用途
js组成及用途
- js的组成:ECMAScript（Js的核心）、DOM （文档对象模型）、BOM（浏览器对象模型）
+ECMAScript:主要定义了JS的语法
+DOM:是 HTML 和 XML 的应用程序接口（API）可以把HTML看做是一颗文档树，
通过DOM提供的API可以对书上的节点进行操作
+BOM:一套操作浏览器功能的API，对浏览器窗口进行访问和操作。
js的用途：
我们知道网页开发用到的技术主要是HTML、css、javaScript，在这里面html确定网页的布局，css决定网页的样式，JavaScript控制网页的行为逻辑，js主要用于网页特效、服务端开发、命令行工具、桌面程序、APP、游戏开发
四、javaScript书写位置
理论上js可以书写在页面的任意位置。
- 写在行内
1 <input type="button"vablue="按钮" onclick="alert('hello world')"/> -
写在script标签中
1 <script> 2 alert("hello world"); 3 </script>由<script>…</script>包含的代码就是JavaScript代码，它将直接被浏览器执行
-
写入外部js文件中，在页面引入
1 <script src="js文件路径位置" ></script>把代码放在单独的文件中更有利于维护，并且多个页面可以各自引用同一个.js文件， 这也是目前前端项目开发中使用的方式。
五、javaScript基本语法
JavaScript语法和Java相似，每个语句以;结束，语句块用{···}。
注意：JavaScript严格区分大小写。
(一)、输出语句
javascript常用的有四种输出语句，区别是输出位置不同
1.弹出框输出
1| alert("hello world");
2.控制台输出
1| console.log("hello world");
3.网页文档输出
1|document.write("hello world"); 
4.输入框输出
prompt("请输入你的内容"); 
(二)、变量
变量的概念：一个变量就是分配了一个值的参数。使用变量可以方便的获取或者修改内存中的数据
变量的声明
js中变量如何声明呢？var 变量名 =赋值
在声明变量时使用关键字var，要注意关键字与变量名之间的空格，也可以在一行中声明多个变量，以逗号分隔变量。
1 | var age;1 | var age,name,sex;
2 | age = 10;
3 | name = 'pwy'注意：变量名必须是一个JavaScript标识符，
赢遵循以下命名规则：
- 驼峰命名法：多个单词组合时首字母大写(非强制)
- 见名知意:尽量让变量名和变量作用贴近
- 不能以数字开头 只能包含 字母、数字、_、$ 例：x1(对) 1x(错)
- 不能使用保留关键字作为标识符
Tips:当一个数字或字符串重复出现的时候就可以用变量存储， var str=""
变量的赋值： 在JavaScript中，使用=对变量进行赋值。可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同的数据类型的变量，但是只能用var申明一次。要显示变量，可以用console.log(x)，打开Chrome的控制台就可以看到结果。
1 var age;
2 age = 18;1 var age = 18;注释
以//开头直到行末的字符被视为注释，注释是给开发人员看的，JavaScript引擎会自动忽略。
另一种块注释是用/*···*/把多行字符包裹起来，视为注释。
例如：
1 <html>
2 <head>
3 <script> //这是一行注释
4 alert('Hello,world!');
5 /*从这里开始是块注释
6
7 块注释结束*/
8 </script>
9 </head>
10 <body>
11 ···
12 </body>
13 </html>六、javaScript学习小案例
经过了上面的学习以后，最后做一个小例子来加深对js语法的基础学习
由用户输入宽度、长度，在控制台输出对应的面积
计算面积
1 <script>
2 //用户输入的宽度、长度，在控制台输出对应的面积
3 var width =prompt("请输入长度")
4 var length =prompt("请输入宽度")
5 //计算面积
6 var sum =width*length;
7 console.log(sum)
8 </script>运行效果如图
总结
1、javascript在HTML文件的书写位置是在<script>……</script>，中间部分写逻辑代码
2、javascript常用的有四种输出语句，区别是输出位置不同
1.弹出框输出 alert("hello world")
2.控制台输出 console.log("hello world")
3.网页文档输出 document.write("hello world")
4.输入框输出 prompt("请输入你的名称")
Tips:输入框我输入的结果去了哪里？本身等于用户输入的结果
js变量的使用:需要进行数据保存的时候
js中变量如何声明呢？var 变量名 =赋值
变量名命名规则
1.驼峰命名法：多个单词组合时首字母大写
2.见名知意:尽量让变量名和变量作用贴近
3.不能以数字开头 只能包含 字母、数字、_、$ 例：x1(对) 1x(错)
4.不能使用保留关键字作为标识符
以上就是本周学习JavaScript的学习记录内容，本周学习了javascript书写位置、输出语句、变量声明及命名规则，下周我将继续更新JavaScript的学习记录，初次学习，文章不足之处，还请大家批评指正！
628
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
