如果我不这样做会发生什么;t在javascript中的变量中分配新的Image

What happens if I don't assign new Image in a variable in javascript

本文关键字：javascript 变量 Image 分配 这样做 什么 如果      更新时间：2024-02-15

我正在努力了解新图像。我能创建一个变量来保存一个图像而不给它分配一个新的图像对象吗？我知道在创建数组或创建新对象时不必分配新数组。将新图像分配给一个变量，你将用旧方法保存图像，还是我仍然需要这样做？

有new Array()=[]和new Object()={}的简写示例，但new Image()没有已知的简写/快捷方式。这实际上是HTML5规范的一部分，该代码来自W3C网站：

image = new Image( [ width [, height ] ] )

返回一个新的img元素，其中width和height属性设置为相关参数中传递的值（如果适用）。

请参阅此链接处的绿色框（稍微向上滚动）：https://www.w3.org/TR/html5/embedded-content-0.html#dom-图像

因此，网络上的每个JS示例似乎都在代码示例中使用new Image()。然而，你可以使用长手，像这样&为其分配属性。

var img = document.createElement('img');
img.src = '...';
img.height = 123;
img.width = 456;

它没有"（）"那么酷，因为这些键盘对已经被占用了：[]、{}和()。它们分别用于数组、对象&函数参数。这看起来更像一个HTML标记：<>。所以键盘上真的没有任何东西了，这可能会为new Image()的快捷方式/简写创建一个组。

以下是一些JS简写链接：

  1. http://www.sitepoint.com/shorthand-javascript-techniques/
  2. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Assignment_Operators

@Clomp做了很好的解释。但这里有另一个关于如何使用这些知识的例子。

// Create new image element
var image = new Image( 100, 100 );
// Add an image source to element
image.src = 'http://www.publicdomainpictures.net/pictures/130000/velka/blue-tit-bird-clipart.jpg';
// Output new image element to console  
console.log(image);
// Add image element to body
$('body').html(image);

https://jsbin.com/medohiquti/edit?html，js，输出

相关文章：