黑马程序员--JavaScript

-----------------------android培训java培训java学习型技术博客、期待与您交流! ----------------------

JavaScript

(一)  概述:

1, JavaScript是基于对象(不是面向对象)与事件驱动的脚本语言,主要是在客户端

2, 特点:

(1)      交互性(信息的动态交互)

(2)      安全性(不允许直接访问本地硬盘)

(3)      跨平台性(只要是可以解析JS的浏览器都可以执行,和平台无关)

3, 比较JavaScriptJava

(1)  JS是Netscape公司的产品

            JavaSun公司的产品(现在是Oracle公司的产品)

(2) JS是基于对象

            Java是面向对象

(3) JS只需要解析就可以执行

           Java需要先编译成字节码文件,再执行

(4) JS是弱类型(搞一个空间,里面想放什么就放什么)

Java是强类型(对每一种数据都定义好其类型并对该类型所分配的空间都进行好定义)

(二)  JavaScript语法

1,封装javascript代码:

<script type="text/javascript"><!—标识下面的代码属于javascript代码-->

       alert("hellojava!!!");//弹出hello java!!!

</script>

2JShtml相结合的方式:

       1)将javascript代码封装到<script>标签中

       2)将javascript代码封装到js文件中,并通过<script>中的src属性进行导入

友情提示:

1)如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行所以通常导入js文件都是用单独的<script>来完成。

2JS是弱类型,非严谨性的语言,但是,我们提倡按照严谨的方式去编写代码。如:我们定义一个变量 var x=3;这个时候var可以不写,后面的分号也可以不写

3JS中单引号与双引号都可以表示字符串(注意与java的区别)。

3,算术运算符

alert("12"-1);//11

       alert("12"+1);//121

alert(true+1);//2

友情提示:

1)注意一下两种不同的结果

2)在jsfalse就是0,或者null,非0,非null。就是true。默认用1表示。

4,逻辑运算符

              var t = 4;

              alert(t>7 && t<6);//1

                     alert(!t);//false

友情提示:

1)在JavaScript中,单与和单或是位运算符,也就是说:true1false00与上任何数都是)

2)如果是双与,就是真与真还是真,也就是true

3!tfalset4,表示true,所以非true就是false

5if语句

var x = 3;

//                   if(x=4){//注意,这个是直接赋值

                     if(4==x){//建议将常量放左边。以报错来修正代码。

                            alert("yes");

                     }else{

                            alert("no");

                     }

友情提示:对于循环,我们需要明确的是:循环的条件、循环的内容和循环的次数

6,数组:数组用于存储更多的数据,是一个容器。

特点:

1)长度的是可变的。

 2)元素的类型是任意的。

3)建议在使用数组时,存储同一类型的元素。操作起来较多方便。

7,函数

1)函数的格式:

function函数名(参数列表){

                                  函数体:

                                   return返回值;

                      }

友情提示:

1)如果没有具体的返回值,return语句可以省略不写。

2)函数不存在重载形式,你只要定义一个函数,它就会去调用该函数,跟这个函数的参数没有关系的

3)建议函数中定义几个参数就传递几个实参

4)函数中有一个数组在对传入的参数进行存储。这个数组就是argument(比方说:如果你定义的是两个参数,但是传递了三个参数,那么第三个参数就直接存储到数组中。可以用遍历的方式取出)

2)函数的细节:

案例:求和(区别两种不同形式)

1 var sum = getSum() ;//getSum函数运行,并将返回的结果赋值给sum

2 var sum = getSum ;//getSum本身是一个函数名,而函数本身在js中就是一个对象。getSum就是这个函数对象的引用,将getSum这个引用的地址赋值给sum。这时sum也指向了这个函数对象,相当于这个函数对象有两个函数名称。

8JS中特有语句

1with语句

为了简化对象调用内容的书写,可以使用js中的特有语句with来完成。

格式:

                       with(对象) {

                                 在该区域中可以直接使用指定的对象的内容。不需要写 对象.

                      }

2for  in 语句

格式:

                       for(变量  in对象)//对对象进行变量的语句。

{

                        }

如:       vararr = [32,80,65];

                     for(iin arr){

                            println("i="+arr[i]);//i充当的是角标

                     }

友情提示:注意一下格式就可以了

 

-----------------------java培训java学习型技术博客、期待与您交流! ----------------------

 

### 黑马程序员 JavaScript 学习资源汇总 #### 初级阶段:JavaScript 基础入门 对于刚开始接触 JavaScript 的学习者来说,可以从最基础的概念入手。黑马程序员提供了详细的 JavaScript 入门教程,涵盖了从零开始的学习路径[^1]。 - **初识 JavaScript** - 认识浏览器的工作原理及其组成部分,了解渲染引擎和 JS 引擎的区别。例如 Chrome 使用 Blink 作为其渲染引擎而 V8 是其 JS 引擎[^3]。 - **基本语法与特性** - 掌握变量声明、数据类型、运算符等基础知识;理解函数定义方式及作用域概念;熟悉事件处理机制等内容。 ```javascript // 定义一个简单的函数并调用它 function greet(name) { console.log(`Hello, ${name}!`); } greet('World'); ``` #### 中级阶段:核心进阶 ES6+ 随着技能提升,可以深入研究 ECMAScript 新标准带来的变化和技术革新。这包括但不限于箭头函数、解构赋值、模板字符串等功能增强型特性的应用实践[^2]。 - **ES6+ 特性介绍** - 箭头函数简化了匿名函数表达式的写法; - 解构赋值允许更方便地提取对象属性或数组元素; - 模板字面量支持多行文本以及嵌入表达式。 ```javascript const person = { name: 'Alice', age: 25 }; const { name, age } = person; console.log(`${name} is ${age} years old.`); ``` #### 高级阶段:项目实战演练 当掌握了足够的理论知识之后,则可以通过实际项目的构建来巩固所学内容。通过参与真实案例开发能够更好地理解和掌握各种技术栈之间的协作关系。 - **综合运用 HTML/CSS/JS 构建 Web 应用程序** - 结合 W3Schools 上的相关文档快速查阅所需标签信息[^4]; - 运用现代框架如 React 或 Vue.js 提升用户体验设计水平。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值