第60节:Java中的JavaScript技术

ゝ一纸荒年。 2021-09-17 01:20 366阅读 0赞

![标题图][1240]

> 欢迎到我的简书查看我的文集

## 前言: ##

`JavaScript`是什么呢?它是一种基于**对象和事件驱动**的脚本语言,主要是应用于客户端上的.`JavaScript`它可以做到信息的动态交互,具有交互性,它不允许直接访问本地硬盘,具有安全性,`JavaScript`是一种跨平台性的一种语言,和平台无关,只有是可以解释`JavaScript`的浏览器可以执行.

`JavaScript`我们只要知道它具有**交互性,安全性,跨平台性**就行.

`JavaScript`是`Netscape`公司的产品,它之前的名字为`LiveScript`,我们学的`Java`是`sun`公司的产品,现在是`Oracle`公司的产品.

特点,我们学习的`Java`语言是面向对象的编程语言,而`JavaScript`是基于对象的语言.对于`JavaScript`来说,是**弱类型**的语言,而`Java`是**强类型**的.在`JavaScript`中只需要解释就可以执行,而对于`Java`来说,需要先编译成字节码文件,才能再次执行.

`JavaScript`用于`html`中,代码融入到`Html`中都是以标签的形式.

格式:

> `JavaScript`语法

`JS`语法学习起来比较容易,有变量，语句，函数，数组等常见语言组成元素.

> 变量

var x = 2; 
    x = “hello dashucoding”;
    // 特殊
    特殊的常量值：undefined
    变量的值是: undefined（未定义）

> 运算符

&&  || 是逻辑运算符  & | 是位运算符
    var x = 520/100*100; x = 520
    而不是500
    
    var x = 1.4+1.6 ; x = 3
    而不是3.0
    x = “11” – 1 ; x = 10
    
    var x = 2;
    var y = “123”;
    var z = false;
    typeof(x); //number
    typeof(y); //string
    typeof(z); //boolean

> 语句

1.  判断结构
2.  选择结构
3.  循环结构

> 函数

格式:

function  函数名(形式参数...)
    {
     执行语句；
     return 返回值；
    }
    
    function demo(x,y)
    {
      alert(x+y);
    }
    demo(2,3);
    
    window.onload = function()
    {
     alert(“load ok”);
    }

> 数组: 可以存任意元素，长度是可变的

遍历数组
    for(var x=0; x<arr.length; x++)
    {
    	alert(arr[x]);
    }

> 对象

![实例][1240 1]

var a = 2;
    function setValue(a){
     a = 3;
    }
    setValue(a);
    答案为: 2;

> 数组:

// 数组是一个容器,其长度是可以变的,即是可以添加
    <script type="text/javascript">
     // 数组
     var arr = [];
     // 定义一个长度为0的数组.
     var arr = [3,55,2,8];
     var[2] = 12;
     document.write("length="+arr.length);
     for(var x=0;x<arr.length;x++){
      document.write(arr[x]+" ");
     }
    </script>

实例:

// 最大值
    function getMax(arr){
     var max = arr[0];
     for(var x=1; x<arr.length; x++){
      if(arr[x]>max){
       max=arr[x];
      }
     }
      return max;
    }

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>concat()</td> 
   <td>连接连个或更多的数组,并返回结果</td> 
  </tr> 
  <tr> 
   <td>join()</td> 
   <td>把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔</td> 
  </tr> 
  <tr> 
   <td>pop()</td> 
   <td>删除并返回数组的最后一个元素</td> 
  </tr> 
  <tr> 
   <td>push()</td> 
   <td>向数组的末尾添加一个或更多元素,并返回新的长度.</td> 
  </tr> 
  <tr> 
   <td>reverse()</td> 
   <td>颠倒数组中元素的顺序</td> 
  </tr> 
  <tr> 
   <td>shift()</td> 
   <td>删除并返回数组的第一个元素</td> 
  </tr> 
  <tr> 
   <td>slice()</td> 
   <td>从某个已有的数组返回选定的元素</td> 
  </tr> 
  <tr> 
   <td>sort()</td> 
   <td>对数组的元素进行排序</td> 
  </tr> 
  <tr> 
   <td>splice()</td> 
   <td>删除元素,并向数组添加新元素</td> 
  </tr> 
  <tr> 
   <td>toString()</td> 
   <td>把数组转换为字符串,并返回结果</td> 
  </tr> 
  <tr> 
   <td>toLocaleString()</td> 
   <td>把数组转换为本地数组,并返回结果</td> 
  </tr> 
  <tr> 
   <td>unshift()</td> 
   <td>向数组的开头添加一个或更多元素,并返回新的长度.</td> 
  </tr> 
  <tr> 
   <td>valueOf()</td> 
   <td>返回数组对象的原始值</td> 
  </tr> 
 </tbody> 
</table>

> `JavaScript` `sort()` 方法

定义和用法:  
`sort()` 方法用于对数组的元素进行排序.

// 语法:
    arrayObject.sort(sortby)

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>sortby</td> 
   <td>可选,规定排序顺序,必须是函数.</td> 
  </tr> 
 </tbody> 
</table>

返回值是:对数组的引用.

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>big()</td> 
   <td>用大号字体显示字符串</td> 
  </tr> 
  <tr> 
   <td>blink()</td> 
   <td>显示闪动字符串</td> 
  </tr> 
  <tr> 
   <td>bold()</td> 
   <td>使用粗体显示字符串</td> 
  </tr> 
  <tr> 
   <td>charAt()</td> 
   <td>返回在指定位置的字符</td> 
  </tr> 
  <tr> 
   <td>concat()</td> 
   <td>连接字符串</td> 
  </tr> 
  <tr> 
   <td>indexof()</td> 
   <td>检索字符串</td> 
  </tr> 
  <tr> 
   <td>italics()</td> 
   <td>使用斜体显示字符串</td> 
  </tr> 
  <tr> 
   <td>link()</td> 
   <td>将字符串显示为链接</td> 
  </tr> 
  <tr> 
   <td>small()</td> 
   <td>使用小字号来显示字符串</td> 
  </tr> 
  <tr> 
   <td>split()</td> 
   <td>把字符串分割为字符串数组</td> 
  </tr> 
  <tr> 
   <td>sub()</td> 
   <td>把字符串显示为下标</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Date()</td> 
   <td>返回当日的日期和时间</td> 
  </tr> 
  <tr> 
   <td>getDate()</td> 
   <td>从Date对象返回一个月中的某一天</td> 
  </tr> 
  <tr> 
   <td>getDay()</td> 
   <td>从Date对象返回一周中的某一天</td> 
  </tr> 
  <tr> 
   <td>getMonth()</td> 
   <td>从Date对象返回月份</td> 
  </tr> 
  <tr> 
   <td>getYear()</td> 
   <td>从Date对象以两位或四位数字返回年份</td> 
  </tr> 
  <tr> 
   <td>getHours()</td> 
   <td>返回Date对象的小时</td> 
  </tr> 
  <tr> 
   <td>getMinutes()</td> 
   <td>返回Date对象的分钟</td> 
  </tr> 
  <tr> 
   <td>getSeconds()</td> 
   <td>返回Date对象的秒数</td> 
  </tr> 
 </tbody> 
</table>

> `prototype` 属性

返回对象类型原型的引用

`objectName.prototype`

`objectName` 参数是对象的名称.

> `JavaScript charAt()`方法

定义和用法:

`charAt()`方法可返回指定位置的字符.

stringObject.charAt(index)

> `js`面向对象的开发

> 达叔小生：往后余生，唯独有你  
> You and me, we are family !  
> 90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通  
> 简书博客： 达叔小生  
> [https://www.jianshu.com/u/c785ece603d1][https_www.jianshu.com_u_c785ece603d1]

## 结语 ##

*  下面我将继续对 其他知识 深入讲解 ，有兴趣可以继续关注
 *  小礼物走一走 or 点赞

[1240]: /images/20210724/963009b806a6428098bc9efacdacbc0a.png
[1240 1]: /images/20210724/4ef0b42d21b047ddafedb2d2ff53149d.png
[https_www.jianshu.com_u_c785ece603d1]: https://www.jianshu.com/u/c785ece603d1